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
2008年邮票小版册普21祖国风光林海邮票中国邮票 j21罗马尼亚邮票值钱吗黑便士邮票的简介2008年邮票小版册香港201年邮票发行计划中国邮票 j213分面值邮票大理风光邮票的作文8分长城邮票多少钱一张中国邮票 j2170年代邮票价值多少8分长城邮票多少钱一张鸡年邮票的含义大理风光邮票的作文2014-04浴马图邮票价格80年代邮票价值怎么算黑便士邮票的简介1999年九龙壁邮票1997-10邮票值多少钱80年代邮票价值怎么算3分面值邮票第一届东亚运动会邮票详细介绍建设银行发行金猴邮票建国三十年最佳邮票建设银行发行金猴邮票奥运系列邮票1999年九龙壁邮票恽寿平 菊花图 邮票希瑞尔已是整个宇宙最为强悍的存在之一！无界妖瞳赋予了他洞悉一切奥秘的能力，可他此刻却无法看清身前女子的面容！在那团绝对深沉且有些扭曲的黑暗之中，潜藏的才是整个宇宙最终的宿命！也是他和她之间故事的结局！ 重生前，陈凡是赫赫有名的商业大佬。 重生后，陈凡是猫嫌狗厌的街头混混。 重生前，陈凡除了钱，一无所有。 重生后，陈凡除了没钱，还是啥也没有。哦，不对，多了一个老婆和孩子。 …… 站在1987年的街头，陈凡内心涌起万丈豪情。 在这猪站在风口上都能飞的年代，自己定要做出一番不一样的成绩来。 …… “陈老先生，请问您今生最大的成就是什么？” 1987，娇妻幼子，天下我有。——《陈凡传》乾坤八卦，阴阳五行，魑魅魍魉，死尸僵尸，一切尽在三界当中。“又是新书的开始。”王冉推开茶馆的大门，看着陌生的世界，说道。虽然他的故事从未停止......十三年前，李致在城郊梨花树下捡到一只垂死白狐。 十三年后，他开始被一个漂亮温婉的落难小姐倒追。 月夜之下战幕拉开。 李致翻手间剑光纵横雷霆天落，“我家夫人温柔贤惠娇贵可人，知冷热擅烹食……” 姜璃弹指间邪魔俯首山河崩坏，“我家相公谦谦君子文弱书生，温逊有礼好脾气……” 反派“……”这是一部青春时期的回忆录。每个人的青春都是丰富多彩的，值得可歌可泣的，值得大说特说的，我们富有热血，我们积极向上，我们有过迷茫，也曾失落彷徨，愿你们独一无二的青春，能够得到你们想要的结果，活出自己的自由。他本是龙国最年轻的国医圣手，却因为一次意外，重生回到了四年前。 上一世，他误入歧途，痛失妻女，尝尽了人间疾苦！ 这一世，面对妻女的失而复得，他势要弥补当年的遗憾，快意恩仇。 且看一代鬼医传人，如何凭借一手鬼神难辨的惊天医术，守护心中挚爱，成为最强都市奶爸！ 万年前，无敌于世间的剑尊惨败在一位无名刀客的手中。 此后剑道衰微，剑修凋零。 直到，万年后剑尊之徒许安然自沉睡中苏醒，沉寂已久的剑道才重焕生机。 面对这个物是人非的世界，许安然所能依仗的唯有手中残剑。 为重振剑道，许安然将用手中的剑荡尽诸敌，淋浴神血，登峰造极！ 他要向世人证明，剑才是兵中帝王！ 新手，第一部作品， 初次写作，还望见谅；不足之处还望笔友或读者指出，欢迎提出建议和批评，我会好好采取意见并对文章做出一定改变。一个出身贫寒的人 ，进入警局有多大的用处
重生之娱乐教父 我是文曲星 身为勇者竟然爱上了魔王 阴阳幽遇 大唐：李二冒充我父亲 精灵宝可梦之降临现实 从预备级除灵部队开始 我会踮起脚尖 大明偶像 乱灵纪 空灵髓 四维空间之世界末日 窥忆行道 仙缘无限 仙影魔踪诛万魔 江山弈 冰峰奇缘 苟之道 机动之翼 我是一把剑 建国三十年最佳邮票 2017年2月发行什么邮票 2005年鸡年邮票寓意 黑便士邮票的简介 普21祖国风光林海邮票 奥运系列邮票 2005年鸡年邮票寓意 丝绸质地的邮票 北京邮票交易所手机客户端 70年代邮票价值多少 一个军人的四分邮票 一个军人的四分邮票 北京邮票公司营业部营业时间 2017年2月发行什么邮票 2008年邮票小版册 黑便士邮票的简介 送邮票的含义 建国三十年最佳邮票 邮票收购电话 中国邮票 j21 2017年2月发行什么邮票 中国邮票 j21 邮票收购电话 80年代邮票价值怎么算 大理风光邮票的作文 北京邮票公司营业部营业时间 建国三十年最佳邮票 邮票收购电话 邮票收购电话 北京邮票交易所手机客户端 黑便士邮票的简介 关于邮票知识有哪些 罗马尼亚邮票值钱吗 2008年邮票小版册 第一届东亚运动会邮票详细介绍 建设银行发行金猴邮票 罗马尼亚邮票值钱吗 2005年鸡年邮票寓意 第一届东亚运动会邮票详细介绍 鸡年邮票的含义 建设银行发行金猴邮票 丝绸质地的邮票 1999年九龙壁邮票 送邮票的含义 8分长城邮票多少钱一张 关于邮票知识有哪些 一个军人的四分邮票 建设银行发行金猴邮票 北京邮票公司营业部营业时间 2014-04浴马图邮票价格 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 大明：我的皇孙太强了 三千道法传 南宫传奇 我在末日反杀丧尸 灵魂塔之天门 亚星官网 万利官网 欧博游戏官网 亚星官网 AG真人 第一届东亚运动会邮票详细介绍 70年代邮票价值多少 70年代邮票价值多少 80年代邮票价值怎么算 2017年2月发行什么邮票 建设银行发行金猴邮票 80年代邮票价值怎么算 鸡年邮票的含义 70年代邮票价值多少 送邮票的含义 1999年九龙壁邮票 建设银行发行金猴邮票 建国三十年最佳邮票 2008年邮票小版册 1997-10邮票值多少钱 80年代邮票价值怎么算 北京邮票公司营业部营业时间 恽寿平 菊花图 邮票 恽寿平 菊花图 邮票 九龙壁邮票现货价格 2008年邮票小版册 第一届东亚运动会邮票详细介绍 黑便士邮票的简介 中国邮票 j21 丝绸质地的邮票 关于邮票知识有哪些 北京邮票公司营业部营业时间 罗马尼亚邮票值钱吗 2014-04浴马图邮票价格 九龙壁邮票现货价格