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
经期贴暖宝宝怎么使用两个月宝宝眼红流泪几个月让宝宝自己吃饭怀孕八个月怎么睡对宝宝好不好怀孕五个多月宝宝胎动频繁正常吗经期贴暖宝宝怎么使用两岁宝宝眼底发黑怎么回事几个月让宝宝自己吃饭两到三个月女宝宝奶量刚出生宝宝病危怎么办宫腔粘连可以生宝宝吗几个月让宝宝自己吃饭堕胎的宝宝死后会怎样宫腔粘连可以生宝宝吗怀孕40 5宝宝还不出来刚出生宝宝病危怎么办两岁宝宝总是发低烧狗年女宝宝取名宜用字狗年女宝宝取名宜用字九个月宝宝拉肚子吐发烧怎么办两个月宝宝缺氧会有什么症状狗年女宝宝取名宜用字两到三个月女宝宝奶量九个月宝宝白菜怎么做好吃怀孕时宝宝先长什么原因是什么原因是什么原因是什么荔枝14月宝宝可以吃吗怀孕时宝宝先长什么原因是什么原因是什么原因是什么九个月宝宝白菜怎么做好吃九个月宝宝拉肚子吐发烧怎么办堕胎的宝宝死后会怎样这个世界上总有那么一些人，他们无畏，固执，乃至偏执，不羁，骄傲，而又狂妄。即使到了绝境，他们也绝不妥协。 　　从不给自己留任何退路，只愿勇往直前，哪怕最后是死。 这是一个只修炼肉身，不修炼灵气的少年，在命运的逼迫下，以凡人之躯一步步走向炼体成仙的故事。 做好准备，全程高燃。作品讲述新一、快斗和他们的伙伴们效力银河星系联盟，他们组成了威力无比的天神机甲，用光芒神剑一次次击败鏱腾的进攻，他们还来到蒙德和小玛利亚等多地，认识了一群志同道合的伙伴一起，打击邪恶，捍卫正义。作品属性：《你好次元》的延伸版本一个即将灭亡的文明，一扇古老而神秘的门，开启一段文明举族搬迁的异世界之旅。此作品是根据生活加以想象，构思出来的简短文集，一个章节就是一个故事，文章观点仅是个人理解，有冒犯之处或者情节雷同，请多包涵，谢谢萧易穿越到洪荒，成了一个刚要拜入截教的初代人族。 激活了极品负能量系统，收集别人的负面情绪，就能够变强！ 从此，洪荒多了一个整日作死的截教大弟子。 “师傅！大师兄又闯祸了！他把剑冢的剑都融了！说要做大宝剑！” “师傅！大师兄炼器炸了一座山，把藏书阁埋了！！” “通天！你徒弟又作死！把我的坐骑四不像吃了！！！” “通天！你徒弟把我侍女掳走了！！” “.....” 通天整日惶恐，生怕自己大弟子闯祸... 直到这一日，鸿钧出关，宣布封神大劫起。 通天拒绝截教封神，以一敌五圣，截教面临大劫！ 往日只会作死的截教大弟子：“我不装了，我已成圣！”　在这边异界大陆，命格决定强弱，有人天赋异禀，却不知所以，有人贫贱，却从未却步，强弱是既定的规则，亦是命运的安排，周寒就此踏上修行之路，然而，宗门内乱，恩师殒命，魔宗侵袭，已经成为众矢之的的周寒，何去何从，然而，命运不该就此却却步，时不待我，周寒觉醒无双命格，封神之路，由此开始。 　　在这个穿越者大赛，你不会彻底消亡，但是会在无限个世界中失去曾经拥有的一切，这就是——命运 　　*纯沙雕穿越流欢脱文，在这个世界只要你绑定了系统，你就可以穿越到任何一个世界。 　　 　“气死你，弄死你还是玩死你？你觉得那种方法比较合适呢？” 　　童梦挥舞着手上的火球，微微发作灵力，远处的公寓瞬间爆炸，火光冲天之际，一只生无可恋的肉团子飞到她面前， 　　“主人，你为什么要炸自个儿开的公寓？！” 　　“不知道，它改名了叫核爆公寓！” 　　系统8880再也忍不住，一个鸡腿砸向它主人的脑袋。 　　“我怎么就绑上你这么个主人！！” 　　“我很强的好吧！！哎哎哎别打脸！” 　　公元3250年，人类找到了可以穿梭到别的世界并且可以当作第二个地球移居的星球——零星，这颗星球每四年都会有一届大赛，人类也参与其中，积分榜与战力榜只要你肯拿下其实中一榜的第一就可以获得实现愿望的奖励！比赛开始，众人紧张惶恐，一点点刷着积分与灵力，唯独童梦手拿鸡腿，毫不留情在各个世界作死！ 　 　　“队长，队长，醒醒…”“我的指挥失误了，让队友一个一个离去…”在这个世界中，人们想要生存，想要生存，就只有战斗。意识的模糊，该让我归于死亡之中。“想好这次复活的人选了吗？没有人比那对兄妹更能指挥队伍，也没有人比那对兄妹多承受好几把灵武。这是最后的复活核心，必须在这对兄妹之中选择一位。改变这个世界的规则！”现实生活诸多枯燥，人生百味需要细细品味，男主一路成长，一边学着成长，一边面对社会风云。个人传记，如有雷同，纯属意外!“叮！菩提树下签到成功！主人悟性提升一千点！” 　　“叮！练功房签到成功！主人修为提升一万年！”　　 　　“叮！神兵房签到成功！奖励主人盘古开天斧一柄！” 　　宁浩远开局闭关签到一万年，狂刷奖励无数，在这一万年里，他随手调教的弟子，在外界掀起一阵又一阵狂澜。 　　他点化的一条鲤鱼，成了妖族龙祖。 　　他栽种的柳树，成了仙界最强祭灵。 　　他家菩提树枝头的荒雀，涅槃成了神凤。 　　他收留的神族少女，成为一代女帝。 　　他随手捡的弃婴，成了举世闻名的剑仙。 　　…… 　　他本以为可以一直签到下去，谁知有一天因他太强，系统居然吓崩了！ 　　而这时后世美女徒孙磕头求见。 　　“老祖宗，快出山！” 　　“你的徒子徒孙都被人抓走了！” 　　“咱们玄剑圣地，要没了！” 　　于是，宁浩远出山。 万界战栗！
夜道之上 九劫真神齐飞鸿 不毛 真的要逼我认真吗 楚回的世界 破月之剑 尸王争夺战 植人世界 月亮之城 阴诅 某只赫奇帕奇来到了原神 月亮花 江湖：无奈扮虎吃猪 我在大楚当汉王 从1997开始追凶 玩牌的我谁都打不过 我开高达砍真仙 行岚 女友竟是我自己 异能上身 两个月的宝宝几斤重 给宝宝搭配衣服 两岁宝宝总是发低烧 怀孕五个多月宝宝胎动频繁正常吗 两个月的宝宝几斤重 来事了贴暖宝宝有用吗 两岁宝宝总是发低烧 发烧的宝宝如何处理方法 荔枝14月宝宝可以吃吗 二个月宝宝体温37.1 两岁三个月宝宝脑袋大 两岁三个月宝宝脑袋大 九个月宝宝鼻子里有 给宝宝搭配衣服 经期贴暖宝宝怎么使用 怀孕五个多月宝宝胎动频繁正常吗 两岁宝宝总是全身痒 荔枝14月宝宝可以吃吗 两个月宝宝手掌发黑怎么回事 几个月让宝宝自己吃饭 给宝宝搭配衣服 怀孕40 5宝宝还不出来 两个月宝宝手掌发黑怎么回事 宫腔粘连可以生宝宝吗 刚出生宝宝病危怎么办 九个月宝宝鼻子里有 荔枝14月宝宝可以吃吗 两个月宝宝眼红流泪 两个月宝宝手掌发黑怎么回事 荔枝14月宝宝可以吃吗 怀孕五个多月宝宝胎动频繁正常吗 给40天宝宝暖肚子痛 怀孕八个月怎么睡对宝宝好不好 经期贴暖宝宝怎么使用 九个月宝宝白菜怎么做好吃 怀孕五个多月宝宝胎动频繁正常吗 怀孕八个月怎么睡对宝宝好不好 两岁宝宝总是发低烧 九个月宝宝鼻子里有 怀孕40 5宝宝还不出来 怀孕时宝宝先长什么原因是什么原因是什么原因是什么 二个月宝宝体温37.1 九个月宝宝一天喂几次 两岁宝宝总是全身痒 宫腔粘连可以生宝宝吗 给40天宝宝暖肚子痛 两岁三个月宝宝脑袋大 怀孕时宝宝先长什么原因是什么原因是什么原因是什么 九个月宝宝鼻子里有 两岁宝宝眼底发黑怎么回事 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 都市修仙：怕鬼狂少登仙录 我真的不想这么渣！ 都市：言出法随，你管这叫乌鸦嘴？ 破宙之主 天医下山：老婆是冰山女神 亚星管理平台 亚星官网 万利官网 亚星管理平台 澳门葡京官网 九个月宝宝拉肚子吐发烧怎么办 两个月宝宝眼红流泪 两个月宝宝缺氧会有什么症状 怀孕八个月怎么睡对宝宝好不好 两个月宝宝手掌发黑怎么回事 荔枝14月宝宝可以吃吗 怀孕40 5宝宝还不出来 来事了贴暖宝宝有用吗 两岁半宝宝晚饭 九个月宝宝鼻子里有 两岁半宝宝晚饭 给40天宝宝暖肚子痛 两岁宝宝眼底发黑怎么回事 九个月宝宝一天喂几次 两岁三个月宝宝脑袋大 经期贴暖宝宝怎么使用 给40天宝宝暖肚子痛 怀孕40 5宝宝还不出来 经期贴暖宝宝怎么使用 堕胎的宝宝死后会怎样 几个月让宝宝自己吃饭 怀孕五个多月宝宝胎动频繁正常吗 二个月宝宝体温37.1 怀孕五个多月宝宝胎动频繁正常吗 怀孕40 5宝宝还不出来 宫腔粘连可以生宝宝吗 荔枝14月宝宝可以吃吗 两到三个月女宝宝奶量 来事了贴暖宝宝有用吗 刚出生宝宝病危怎么办