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
2017国家邮票发行计划文4邮票价格查询2017国家邮票发行计划世乒赛小型张邮票价格值钱的匈牙利邮票中国邮票第三轮羊乙酉年鸡邮票作者2017国家邮票发行计划中国商埠邮票目录1996年第二轮生肖邮票鼠整版价格如何漓江邮票80年版2017国家邮票发行计划没有荧光喷码的邮票20000-3邮票2017年有哪些邮票发行1996年第二轮生肖邮票鼠整版价格如何牡丹邮票小型张西安事变60周年邮票西安事变60周年邮票邮票2000-2一套多少钱？查一两关于邮票的资料西安事变60周年邮票中国商埠邮票目录兄弟两收集邮票值钱的匈牙利邮票郑州二七邮票价格世乒赛小型张邮票价格兄弟两收集邮票邮票2000-2一套多少钱？没有荧光喷码的邮票来此一朝，无怨无悔，天神、梦魇、苍生，我为天下生而生。 浮屠阁内糊涂生，了却浮生梦半真。 世间最真挚的情是——手下留情。 天界至宝天神之怒碎裂成两半，从此消失不见，天界由此陷入混乱。要想天界恢复秩序，必须寻回天神之怒。在天界遍寻无果之下，众天神不由束手无策。 叶冉穿越了，穿越到了一个拥有着灵气的世界。在这个世界里，修练灵气就能变强。这个世界里，只有强者才能享受荣华富贵，或是快意江湖。只有拥有实力，方可受人敬仰。 原本的叶冉只是一届平民，但因祸得福，得到了“上古神圣七彩无敌神龙麻痹”戒指！但没有传授他功法的上古大能，有的只是一个学识渊博的...学者？因不明原因被封印到了戒指当中。 好在叶冉发现修炼脑海中的功法竟然能用灵气化作万物！不过前提是了解物质的一切特点。 于是，叶冉便和戒灵学者开始了旅途……因救人死亡的江文重生回高中时代，起初想在自己的青春大搞一场，成为众人瞩目的那个最靓的仔，当异世界的经历让他懂得了珍惜眼前人才是最重要的..............一个被外星文明创造的人工智能，在宇宙中航行，保护了太阳系等有文明的恒星系，用自己的科技改变了宇宙的一切，新的宇宙来临旧的已去。人人都说：好机友，一辈子。 可明明想躺平的我，为什么会遇到这么卷的机器宠物呢？ 难道它还想当宇宙第一机器舔狗不成？这一切的故事 都要从两位人族帝者的生死对决 开始讲起 …… 他魂穿千年 并重获新生 来到了一个名为“沙林”的小村子 …… 少年啊！走出这个村子 然后 开始书写属于你的 人生新篇章吧……强子、秃鹰、梁叔各怀鬼胎的三人在机缘巧合下到会稽山寻觅黄龙玉，半路上遇到枭，经历一系列事情后决定结伴寻玉。待其进入会稽山中的洞穴后发现了一个神秘潭——汇龙潭。围绕着汇龙潭展开了一系列探寻“天眼”神秘力量、寻找阿尔法通道及探索的经历。在一系列经历过程中，三人各自的多重身份逐一揭开，同时人性中的扭曲与复杂也一一呈现。最终发现“天眼”神秘力量其实源于内心——佛魔居方寸，善恶一念间。 在寻找“天眼”神秘力量和阿尔法通道过程中，葛钰、阿郁和龙王先后出现，伴随着一系列的阴谋、阳谋犬牙交错中，阿郁和强子的真实身份逐一浮出水面，他们自以为天衣无缝，岂不知这一切被“天眼”一览无遗。正当其自以为即将大功告成之际，却惊讶地发现：他们自始至终都是上峰手里的棋子，而上峰也不过是自己欲望的奴隶。可谓：机关算尽太聪明，枉送了小辈们性命。而所谓的“宏图伟业”也不过是黄粱一梦，徒增笑料而已。其实“天眼”神秘力量就在人心而已。几时梦回仙音，何来不续前弦 寒霜落下时，拥你入怀乡 一剑皓月仙穹，一指度日连天 天穹下：“我欲破天归来，何须苍穹来渡。” 一剑天玄，九剑破天十年前，杀星江峰横空出世，枪挑修道世家，剑夺美人娇妻，娶了13个老婆。 后来被雷劈死了。 子嗣江川，拥有超凡能力却无法修行，百年岁月就要沦为黄土… 仰天长啸，苍茫星海，如何走出长生路？
磨天楼，破阵三界 JOJO替身系统 天道轮回间 异界之三国领主 我是女鬼差 万界第一皇 王座 幻 梦中的勇者 这，是我们的世界 关于我在修真界那些事 劳驾，我想问个道！ 这个召唤师不一样 逃亡笔记之新世纪 人曰 圣龙之路 黑雾入侵，我能加载游戏 阴阳纵横五千年 我真不是天道啊 大唐：我在长安开酒楼 暗天裂源起 文七邮票价格表 刘少奇逝世一周实纪念邮票 牡丹邮票小型张 值钱的匈牙利邮票 文七邮票价格表 日本 芬兰 邮票 2016瓷器邮票 二轮生肖邮票有荧光吗 郑州二七邮票价格 1960人民大会堂邮票 中国商埠邮票目录 朱德逝世一周年邮票分 香格里拉邮票价格 刘少奇逝世一周实纪念邮票 中国邮票第三轮羊 值钱的匈牙利邮票 2016瓷器邮票 郑州二七邮票价格 97年潘天寿邮票整版 2017国家邮票发行计划 刘少奇逝世一周实纪念邮票 2017年有哪些邮票发行 文4邮票价格查询 20000-3邮票 1996年第二轮生肖邮票鼠整版价格如何 香格里拉邮票价格 郑州二七邮票价格 文4邮票价格查询 97年潘天寿邮票整版 郑州二七邮票价格 值钱的匈牙利邮票 刘少奇逝世一周实纪念邮票 2016年纸版邮票发行量 中国邮票第三轮羊 兄弟两收集邮票 值钱的匈牙利邮票 2016年纸版邮票发行量 牡丹邮票小型张 香格里拉邮票价格 2017年有哪些邮票发行 世乒赛小型张邮票价格 1960人民大会堂邮票 2017年将要发行的邮票 2016瓷器邮票 20000-3邮票 刘少奇逝世一周实纪念邮票 朱德逝世一周年邮票分 世乒赛小型张邮票价格 香格里拉邮票价格 乙酉年鸡邮票作者 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 初练 妖人在都市 峰峰的奇妙冒险 我愿做你的梦境守护神 葬音者 皇冠登3出租 亚星管理平台 澳门葡京官网 皇冠登3出租 亚星官网 1996年第二轮生肖邮票鼠整版价格如何 中国商埠邮票目录 97年潘天寿邮票整版 查一两关于邮票的资料 1960人民大会堂邮票 2017国家邮票发行计划 值钱的匈牙利邮票 没有荧光喷码的邮票 乙酉年鸡邮票作者 没有荧光喷码的邮票 香格里拉邮票价格 邮票 珐琅焕彩 景泰蓝 朱德逝世一周年邮票分 日本 芬兰 邮票 1996年第二轮生肖邮票鼠整版价格如何 20000-3邮票 查一两关于邮票的资料 2017年将要发行的邮票 2017年有哪些邮票发行 2017国家邮票发行计划 文七邮票价格表 二轮生肖邮票有荧光吗 乙酉年鸡邮票作者 2017年有哪些邮票发行 日本 芬兰 邮票 文七邮票价格表 20000-3邮票 日本 芬兰 邮票 邮票2000-2一套多少钱？ 值钱的匈牙利邮票