Home/Tables

Tables For, you guessed it, tabular data

Table markup

Tag Description
<table> Wrapping element for displaying data in a tabular format
<thead> Container element for table header rows (<tr>) to label table columns
<tbody> Container element for table rows (<tr>) in the body of the table
<tr> Container element for a set of table cells (<td> or <th>) that appears on a single row
<td> Default table cell
<th> Special table cell for column (or row, depending on scope and placement) labels
Must be used within a <thead>
<caption> Description or summary of what the table holds, especially useful for screen readers 
<table>
  <thead>
    <tr>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

Table options

Name Class Description
Default None No styles, just columns and rows
Basic .table Only horizontal lines between rows
Bordered .table-bordered Rounds corners and adds outer border
Zebra-stripe .table-striped Adds light gray background color to odd rows (1, 3, 5, etc)
Condensed .table-condensed Cuts vertical padding in half, from 8px to 4px, within all td and th elements

Example tables

1. Default table styles

Tables are automatically styled with only a few borders to ensure readability and maintain structure. With 2.0, the .table class is required.

<table class="table">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

2. Striped table

Get a little fancy with your tables by adding zebra-striping—just add the .table-striped class.

Note: Striped tables use the :nth-child CSS selector and is not available in IE7-IE8.

<table class="table table-striped">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

3. Bordered table

Add borders around the entire table and rounded corners for aesthetic purposes.

<table class="table table-bordered">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter

4. Condensed table

Make your tables more compact by adding the .table-condensed class to cut table cell padding in half (from 8px to 4px).

<table class="table table-condensed">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

5. Combine them all!

Feel free to combine any of the table classes to achieve different looks by utilizing any of the available classes.

<table class="table table-striped table-bordered table-condensed">
  ...
</table>
Full name
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
洗白录txt太微天杀手房东俏房客abctxt下载穿越+天降倾城妃txt前世爱上你txt下载御宠狂妃:逆天七小姐txt下载洗白录txt太微天网王之恋猫物语txt下载穿越+天降倾城妃txt全职叶蓝文txt门当夫不对2农家乐txt下载与胸残表妹的同居txt下载洗白录txt太微天80后"欲望录txt与胸残表妹的同居txt下载穿越+天降倾城妃txt良田美井txt新浪倾国倾城小说txt下载御宠狂妃:逆天七小姐txt下载御宠狂妃:逆天七小姐txt下载大魔金刚.txt下载重生之临江仙txt爱莫能弃txt下载书包网全职叶蓝文txt一代城草柳满坡耽美小说txt下载齐天传2txt全集下载神斧全集txt下载前世爱上你txt下载txt出租大魔金刚.txt下载冰火魔龙txt林凡穿越进入到异世界，当场被纳兰家族的纳兰雪悔婚，看着这种场景，似乎是似曾相识。妈的，这不是三十年河东三十年河西的纳兰家族吗。看到这种场景，我林凡身为一介男儿，当然是要躺平了.. 纳兰雪看着眼前的这个男人，是那么的不务正业，邋里邋遢，整天就知道睡觉，但是为什么，这个人的武学会进步的那么神速，这还有没有天理了。叶云运气爆棚意外得到一个高纬度制造的次元面板， 并且利用面板走上了穿越诸天万界......流水线工人意外穿越至异界，开启了他的一段传奇人生。 重生之我是张鸡豪 什么？我重生了？张鸡豪睁开眼睛发现自己还活着？上一世被自己心爱女人和自己最好的兄弟陷害，萝莉御姐空姐护士总裁高冷校花军校长官统统是我的！ 这一次张鸡豪要夺回属于自己的一切！ps：纯属娱乐写书，不定时更新，和平只是世界的面子，里子却是杀机四伏。 人类历经几千年的文明进程，由愚昧走向聪慧。 他们自以为了解这个世界。 他们不信神，不拜佛。 他们不知，永夜将至！他是一个怀揣着成为伟大探险家梦想的中二少年，然而在现实中他却只是一个普通的高中学生，因此他每天感叹生不逢时。。。停停停，谁把我的草稿给换了？赶紧给我拿回来，爷什么时候感叹生不逢时了？开什么玩笑以为这就可以打败我了吗不存在的，我可是励志要想成为麦哲伦，哥伦布那样伟大探险家的男人，就算是老妈的拖鞋也无法阻止我，哎哎，班长你干嘛这个眼神看我，不要用看狗一样的眼神去看一个未来的伟大探险家啊，搞笑幽默的校园日常，身份神秘的未知来客，离谱扯淡的高科技，可甜可虐的恋爱故事，以及那一切背后的神秘男人，看似日常的生活，事实上背后早已被人画上了巨大的计划图纸，当然最难受的就是，这么多后宫我该选谁好啊。（本书原名薄荷样的青春） 明朝永乐年间，传出陈友谅藏宝地图。江湖各帮争抢，锦衣卫寻宝未果，浙江按察使周浩然一家惨遭灭门，宁波巨富肖伯庸被抄家，流亡海外的张士诚的后裔为复国组织力量，寻找宝藏下落。 本书有三个主人公： 周浩然遗孤周行健身负血海深仇，在苦难中成长，和生世未知的江雪同生死共患难，成为一生挚爱，正当情深似海时，发现自己最爱的女友的父亲竟是血海深仇的大仇人 　　肖伯庸长子肖宇是个逍遥快活的公子，被盗贼劫持，表妹秀秀对他情愫暗生，却是落花有意，流水无情。明教教主女儿马梦瑶万里寻母，随郑和下西洋，与肖宇经历生死不渝的爱情，终成正果。家资被抄，使肖宇性格骤变，铲锄奸佞，匡扶江山，对抗赵策，从快乐公子成长为经邦纬国之才。 张士诚的后裔赵策流亡海外，武功卓绝足智多谋，一统江湖各派，组织各方力量对抗朝廷，被云南沐府千金沐颖倾心爱慕，和毒教教主阿尼美的情感纠葛，从英雄到狗熊的蜕变，权欲对人性的扭曲，一生只为复国，却好梦成空......以民间传说及史实为资料，详细介绍了三国鼎立之前的故事，不一样的的三国，尽在《史书三国传》中人类、异兽、亡灵，三个不同世界的种族同时遭受了灭顶之灾，在天人族的援助之下，他们进入了《寰宇》大陆。 资源的有限和欲望的无限是每个种族都要面临的矛盾，于是，一场针对人族的灭族之战开始了，人族被屠戮殆尽。 在战争的最后时刻，王任终于拿到了人族最后的希望，逆天级道具——时光尺。 伴随着系统的死亡提示，王任回到了5年前，《寰宇》刚刚开服的时刻。 王任看着活过来的时光尺，忽然明白，重生，才是人族的希望。 一条重建人族的复仇之路在他的面前缓缓展开。 这次，他要重新发起灭族之战，而灭族的对象，却不再会是人类。一介凡人意外闯入修仙世界，成为一名资质普通但向道之心甚坚的修仙者。 仙路崎岖，长生漫漫，虽千万人，吾往矣！
重生1992 最强学渣自律逆袭记 黑暗之神成神之路 滕 仙帝归来：洪荒世界 元界追凶 黑白暗涌 末日，我的乐园 永世天殇之帝君诞生 独步天下，逍遥，天下独尊 血弒帝霄 七月之火 刚要修仙，你要渡劫了？ 偏执狂的梦想符文世界 末日终结之废土求生 JOJO之决战之地DIO篇 玄武门激变 战圣世 不杀之剑 北宋乱，我开局识破阴谋 神斧全集txt下载 良田美井txt新浪 小仙乖乖完结txt 御宠狂妃:逆天七小姐txt下载 杀手房东俏房客abctxt下载 txt出租 小仙乖乖完结txt 梁凤仪大家族txt abotxt微盘下载 80后"欲望录txt 皇者归来txt下载 皇者归来txt下载 一代城草柳满坡耽美小说txt下载 良田美井txt新浪 洗白录txt太微天 齐天传2txt全集下载 洪荒之我是镇元子txt下载 神斧全集txt下载 被色鬼践踏过的人生txt 穿越+天降倾城妃txt 攻占大小姐txt下载 穿越+天降倾城妃txt 被色鬼践踏过的人生txt 爱莫能弃txt下载书包网 门当夫不对2农家乐txt下载 韩娱之闪耀王子txt下载 神斧全集txt下载 被色鬼践踏过的人生txt 被色鬼践踏过的人生txt abotxt微盘下载 御宠狂妃:逆天七小姐txt下载 攻占大小姐txt下载 前世爱上你txt下载 洗白录txt太微天 一代城草柳满坡耽美小说txt下载 齐天传2txt全集下载 前世爱上你txt下载 小仙乖乖完结txt 一代城草柳满坡耽美小说txt下载 爱上扭曲妖魔的教导手册txt 齐天传2txt全集下载 梁凤仪大家族txt 大魔金刚.txt下载 洪荒之我是镇元子txt下载 与胸残表妹的同居txt下载 攻占大小姐txt下载 皇者归来txt下载 齐天传2txt全集下载 韩娱之闪耀王子txt下载 倾国倾城小说txt下载 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 我本为圣 云端之顶巅 我真没想统一三国 灵兵时代 我为小破球打补丁 AG真人 欧博官网 亚星游戏官网 AG真人 百家乐官网 御宠狂妃:逆天七小姐txt下载 大魔金刚.txt下载 一代城草柳满坡耽美小说txt下载 门当夫不对2农家乐txt下载 大魔金刚.txt下载 穿越+天降倾城妃txt 攻占大小姐txt下载 穿越+天降倾城妃txt 被色鬼践踏过的人生txt 前世爱上你txt下载 重生之临江仙txt 倾国倾城小说txt下载 杀手房东俏房客abctxt下载 爱莫能弃txt下载书包网 txt出租 爱莫能弃txt下载书包网 倾国倾城小说txt下载 良田美井txt新浪 与胸残表妹的同居txt下载 重生之临江仙txt 攻占大小姐txt下载 梁凤仪大家族txt 全职叶蓝文txt 80后"欲望录txt 良田美井txt新浪 网王之恋猫物语txt下载 穿越+天降倾城妃txt txt出租 爱上扭曲妖魔的教导手册txt 小仙乖乖完结txt