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
1991年都江堰邮票价格苏联邮票总目录世界上第一枚邮票出现在哪里t.71.(8-8)邮票2015年邮票钱币交易渠道对比1991年都江堰邮票价格海关小龙邮票（毛齿）世界上第一枚邮票出现在哪里健康生活邮票邓小平诞辰100周年邮票2016年奥运会纪念邮票世界上第一枚邮票出现在哪里邮票属于专用凭证 ()金鱼邮票图片2016猴年纪念邮票图片邓小平诞辰100周年邮票丙申猴邮票 真假 文库邮票千里江山图价格邮票千里江山图价格中国邮政 金邮票中国邮票筋票大全邮票千里江山图价格健康生活邮票79年西游记邮票2015年邮票钱币交易渠道对比戴安娜查尔斯邮票t.71.(8-8)邮票79年西游记邮票中国邮政 金邮票邮票属于专用凭证 ()人族十大武帝各据一方。 再有东域黑龙王，南域裂天虎，西域通天树，北域天狐族等各大族群势力。 神荒时代末端，世间动荡，神物涌现，妖孽横生。 前世武帝万离，受圣物圣灵珠庇护，重生降临，修无上法诀，再入巅峰。 武帝入世，再览世间，万离： “神物三魂厌世灯？我要了！” “天狐族圣女，无垠圣体？正好身边缺个侍女。” “弑神殿？来多少我杀多少！”江枫穿越西游世界，觉醒神级拒绝系统，被拒绝就变强。 　　于是，江枫开始了在西游不断作死的日子。 　　“百花仙子，我想娶你！” 　　“回家洗洗睡吧，真的是……” 　　“恭喜宿主，开启白银级宝箱，获得天仙级修为，八九玄功一部，中品先天灵宝紫电锤，一枚仙果。” 　　“玉帝老儿，你可否搬出天宫，把尊位让给我坐！” 　　“大胆江枫，你竟敢如此大逆不道，来人，给朕诛杀此獠！天上地下，无你容身之处！” 　　“恭喜宿主，开启黑金级宝箱，获得后天功德至宝鸿蒙量天尺，诛仙剑一柄，十枚黄中李。” 　　“元始天尊，听闻你有洪荒第一利器盘古幡，可否借我耍耍？” 　　“可以，只要你的脑袋抵得住盘古幡的粉碎时空之力！” 　　“恭喜宿主，开启至尊级宝箱，获得鸿蒙紫气一道，先天至宝混沌钟，天书一部！” 天大地大，武道为大，山门宗门，实力为尊，你秀任你秀，他狂任他狂，吾亦当自强，天行健，君子当自强不息！ ‘灵源大陆’在懵懂少年亲历过家族的劫难之后，更加体会到了世间的人情冷暖，武修一途的世态炎凉，强者注定主宰一切，弱者只能任人宰割，毫无尊严而言，至此立下重誓，定要不惜身死之危，也当追寻武道至极，普天之下无拘无束，亦不能任由他人左右，哪怕是一点、一滴，如吾不愿，即便身陨亦枉然从之。 至此，一代少年披荆斩棘，凭借独有的武灵及依仗强大的悟性道法开始了他的传奇之路………在这个人人都是重生的世界里面，每个路人甲都绑定着五花八门的主角系统，而我？不需要！开玩笑嘛？我可是千古一帝的转世！是在刚开始修行就能硬刚创世神的存在-_-，虽然战绩可能有点难堪，但是！这种精神就很可贵嘛——？一朝穿越成为不学无术、荒淫无度的纨绔太子。 为了重塑自己的形象，得经得住诱惑、耐得住寂寞。 面对手下宦官的谄媚，朝中大臣的冷眼，一众弟弟的虎视眈眈，朱永笑了。 有母后临终前给的九十九道免死金牌，根本不慌好吧。 我就当着你的面捅了你，你能咋地？他是弃婴他是小保安他只有二百块。他用神鬼莫测的医术活人无数，他凭一身武功历经凶险，他最终得成伟业名利双收。一觉醒来，这个世界再也不是熟悉的那个车水马龙的样子，纷乱的战火，各色的超能力，这是干嘛啊！觉醒了SSS级别的超能力，我是奶妈？不，我这是圣职者，惩戒与祝福才是我的专长，那个劳什子治疗，只是我附带的能力罢了！王侯将相，宁有种乎？ 泱泱大晋，达官显赫，人才无数。 但我罗明秋亦能以蝼蚁出身，搅动风云。 文官之首：“燕雀安知鸿鹄之志哉？吾亦不知罗明秋！” 镇国将军：“这一扎子读书人中，某最服的就是罗侯爷。” 真龙：“这龙椅，明秋君比我更合适！” 皇后：“与君相见恨晚，若不然，这后宫之主不当也罢……” 且看一介书生，如何拨弄这天下棋盘…… 市委副书记、市长尤施纲开讲：“今天高朋云集绘淇集团，我们西坛市可谓蓬荜生辉。 “我也即兴作一首诗，献给赵红都先生和绘淇集团： “一声龙吟震尘寰， “侠名远播美少年。 “携手英雄创大业， “空活白头当汗颜。”本书讲述一珠《寒冰珠》一书《蝶翼九式》 南道第一堂至宝寒冰珠，据传珠身内藏有某样宝物，竞相引人争夺，玄水门花影娘为人喜珠玉，不惜联合枫林庄少庄主叶秋扬夜探珍宝阁。 反转的是，寒冰珠到手还未悟热，又被暗杀堂主派出的人劫获，生性不服输的花影娘又游说落花谷主，聂冷心出山相助，再次上演夜探暗杀堂的戏码
战神陈庆之 使命之匡扶正义 做狗也做最狂的 始之仙 妖行魅影 辞长夜 我为墨麒麟之子 洛洛历险记之最终对决 探花律师 逆命人守则：斩神！ 全民皆战：只有我疯狂送礼 江湖传奇传 云巡四洲 屌丝道士的异闻录 世界劫 身为主角的我居然没有系统 洪荒佛门二教主 新星系 冒险者的故事 小道士的小妖怪 2014年个性化邮票 邮票香港1分 丙申猴邮票 真假 文库 2015年邮票钱币交易渠道对比 2014年个性化邮票 华中解放区 加盖 邮票 招行纪念邮票 开工行卡进行邮票上市返利 戴安娜查尔斯邮票 10分1994年邮票朝鲜 健康生活邮票 鸡邮票8分的一枚多少钱 淮海战役胜利纪念无齿邮票 邮票香港1分 1991年都江堰邮票价格 2015年邮票钱币交易渠道对比 招行纪念邮票 戴安娜查尔斯邮票 干里江山图邮票价格 世界上第一枚邮票出现在哪里 邮票香港1分 2016猴年纪念邮票图片 苏联邮票总目录 金鱼邮票图片 邓小平诞辰100周年邮票 淮海战役胜利纪念无齿邮票 戴安娜查尔斯邮票 苏联邮票总目录 干里江山图邮票价格 戴安娜查尔斯邮票 2015年邮票钱币交易渠道对比 邮票香港1分 民居普通邮票 1991年都江堰邮票价格 79年西游记邮票 2015年邮票钱币交易渠道对比 民居普通邮票 丙申猴邮票 真假 文库 淮海战役胜利纪念无齿邮票 2016猴年纪念邮票图片 t.71.(8-8)邮票 10分1994年邮票朝鲜 第三轮马年邮票知识 招行纪念邮票 金鱼邮票图片 邮票香港1分 鸡邮票8分的一枚多少钱 t.71.(8-8)邮票 淮海战役胜利纪念无齿邮票 海关小龙邮票（毛齿） 亚星官网 亚星游戏官网 亚星官网 亚星游戏官网 亚星官网 W语言 破凡途 危机！开局一台残破机甲 火宿c 末世之阎王召唤者 欧博官网 亚星管理平台 澳门葡京游戏官网 欧博官网 亚星游戏官网 t.71.(8-8)邮票 丙申猴邮票 真假 文库 华中解放区 加盖 邮票 中国邮政 金邮票 淮海战役胜利纪念无齿邮票 健康生活邮票 2016年奥运会纪念邮票 开工行卡进行邮票上市返利 中国邮票筋票大全 干里江山图邮票价格 中国邮票筋票大全 民居普通邮票 干里江山图邮票价格 戴安娜查尔斯邮票 戴安娜查尔斯邮票 招行纪念邮票 1841年英国首次正式发行邮票 淮海战役胜利纪念无齿邮票 邮票千里江山图价格 2016年奥运会纪念邮票 金鱼邮票图片 第三轮马年邮票知识 鸡邮票8分的一枚多少钱 苏联邮票总目录 1991年都江堰邮票价格 2016猴年纪念邮票图片 1991年都江堰邮票价格 邮票属于专用凭证 () 世界上第一枚邮票出现在哪里 t.71.(8-8)邮票