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
空调房宝宝能睡凉席吗空调房宝宝手臂冷九月宝宝的小名九个月宝宝 去舌苔厚九个月宝宝贫血73九个月宝宝经常哆嗦九个月宝宝7颗牙正常吗九月宝宝的小名九个月宝宝肠胃不好怎么办九个月的宝宝缺锌会有什么症状九个月宝宝轻度贫血怎么办空调房宝宝能睡凉席吗九个月宝宝怎么吃西兰花九个月宝宝半夜拉绿屎九月宝宝的小名九个月的宝宝缺锌会有什么症状九个月宝宝耳朵化脓九个多月的宝宝可以喝豆浆吗九个多月的宝宝可以喝豆浆吗九个月宝宝脚底长水泡怎么办九个月宝宝都吃些什么原因九个多月的宝宝可以喝豆浆吗九个月宝宝肠胃不好怎么办九个月宝宝身体发软九个月宝宝贫血73怀孕九个月宝宝踢的痛九个月宝宝 去舌苔厚颈椎宝宝什么牌子好九个多月的宝宝会什么原因是什么原因是什么原因是什么九个月宝宝怎么吃西兰花死后重生来到了被称为异人大陆的世界，虽然说比较幸运，但一直没有改变我想想要回去的念头，毕竟她不在，我很挂念。所思既所得 所想既所有——觉界所以屹立万界之巅，便因这独特而强力的位面法则。但当法则被撕碎，界灵被污染，又待谁来力挽狂澜？小小下界之子林韦，被迫卷入这场黑暗漩涡，又将翻起多少波澜？ 长恨画戟不似月，一耀寒光洗九天。 穿越平行世界，文娱资源匮乏，百废待兴。 孤独一世的江帆，身后多了一个喊自己“爸爸”的小棉袄。 为了让自己可爱的宝贝女儿过上公主般的生活，江帆开始拼命赚奶粉钱。 视帝、影帝、百亿导演、天王歌手…… 荣誉加身的江帆在巅峰时不顾数十亿粉丝的挽留隐退，只为了陪伴橙橙，给他最完整的童年。 这才发现，自己不知不觉间，成为了这个世界文娱行业的神，让文娱抵达了前所未有的盛势！男主杨贺和他的妹妹一路相依为命 万象红，人间火，神游六合，应是鬼影浮生；长明灯，十月墓，发龙鸣哀郢，应是御景天城；渭天河，相思门，千江绝流，天命昭昭。修行路坚，逼人成狂 我愿以此生所有，换一刀以杀敌； 愿手中万千剑影，护你伴我同行 天地初始，孕育造化之九塔，镇天地之混沌，衍天道之灵，构筑万界秩序，演化万界生灵。 　　时光飞逝，流转亿万年岁月，九塔蒙尘。 　　都市发展迅速，进入科技新时代，城市高楼林立，灯火通明，一位名为纪十安的少年正在密林中举起了他的弓箭。。。。。这是神的世界！这是魔法的世界！这是我的世界！ 这是一个小角色，通过一步步努力，最终踏上成神路，创下永恒传说的故事！这个世界失去的，也许另一个世界可以得到。前程往事太苦，不如相忘于江湖。乱世不公，人为草芥，荒神崛起，重筑人间正道。叶鑫是一名普通高中生，某天发现自己被惊悚副本选中。 　　副本只有4.3%存活率。 　　凉凉！无助！ 　　叶鑫绝望时觉醒了人鬼皇系统：他能看破鬼怪生前！他能看见好感度！他还能使用鬼怪的武器！ 　　从此以后，骚鬼如风，常伴吾身。
三国开局系统就造反 灰渊增殖 大司机 创世异能少年 镇洪渊 埋骨何须桑梓地 狐妖小红娘: 签到生活 归墟世界 小人物阿云 异世擎天之破天长歌 网游修仙记 旅行猫咪，开局送来响雷果实 我真不是召唤兽 逍遥小儒仙 青春驻华章 跨越时间的风筝线 少年仙尊 坏坏美髯公 平平无奇的穿越者日记 走过平凡人生 九个多月宝宝缺d怎么补 九个月宝宝一直拉肚子怎么回事 九个月宝宝耳朵化脓 九个多月的宝宝可以喝豆浆吗 九个多月宝宝缺d怎么补 刚出生20宝宝有鼻屎怎么办 九个月宝宝抗拒学东西 九个月大宝宝积食怎么办 怀孕九个月宝宝踢的痛 九个月宝宝怎么吃西兰花 九个月宝宝肠胃不好怎么办 刚满月的宝宝体温37.7 九个月宝宝身体发软 九个月的宝宝缺锌会有什么症状 九个月宝宝经常哆嗦 九个月宝宝贫血73 九个月宝宝抗拒学东西 怀孕九个月宝宝踢的痛 九个月宝宝都吃些什么原因 空调房宝宝能睡凉席吗 九个月宝宝一直拉肚子怎么回事 九月宝宝的小名 空调房宝宝手臂冷 九个月宝宝半夜拉绿屎 九个月的宝宝缺锌会有什么症状 九个月宝宝身体发软 怀孕九个月宝宝踢的痛 空调房宝宝手臂冷 九个月宝宝都吃些什么原因 怀孕九个月宝宝踢的痛 九个月宝宝贫血73 九个月宝宝一直拉肚子怎么回事 进口宝宝复合维生素 空调房宝宝能睡凉席吗 颈椎宝宝什么牌子好 九个月宝宝贫血73 进口宝宝复合维生素 九个月宝宝抗拒学东西 九个月宝宝身体发软 进口宝宝复合维生素 九个月宝宝贫血73 九个月宝宝长牙齿太快 九个月宝宝脚底长水泡怎么办 刚满月的宝宝体温37.7 九个月宝宝半夜拉绿屎 九个月宝宝一直拉肚子怎么回事 九个月宝宝肠胃不好怎么办 九个月宝宝 去舌苔厚 九个多月的宝宝会什么原因是什么原因是什么原因是什么 九个月宝宝7颗牙正常吗 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 不死的城 归玄录 全员魔头，你让我当武林盟主？ 大飞探案记 神奇宝贝之开局黑化沙奈朵 葡京官网 欧博官网 亚星管理平台 葡京官网 皇冠登3出租 九个月宝宝 去舌苔厚 九个月的宝宝缺锌会有什么症状 空调房宝宝能睡凉席吗 九个月宝宝耳朵化脓 九个月宝宝半夜拉绿屎 九个多月宝宝缺d怎么补 九个多月宝宝缺d怎么补 九个月的宝宝缺锌会有什么症状 九个月的宝宝缺锌会有什么症状 九个多月的宝宝可以喝豆浆吗 九个月宝宝7颗牙正常吗 九个月宝宝长牙齿太快 空调房宝宝手臂冷 九个月宝宝身体发软 九个月宝宝轻度贫血怎么办 九个月宝宝怎么吃西兰花 刚出生20宝宝有鼻屎怎么办 九个月的宝宝缺锌会有什么症状 九个月宝宝经常哆嗦 九个月宝宝半夜拉绿屎 九个多月的宝宝可以喝豆浆吗 空调房宝宝手臂冷 空调房宝宝手臂冷 九个月宝宝一直拉肚子怎么回事 九个月的宝宝缺锌会有什么症状 九个月宝宝贫血73 九个月宝宝半夜拉绿屎 九个月大宝宝积食怎么办 九个月宝宝怎么吃西兰花 刚满月的宝宝体温37.7