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
宝宝出生后怎么观察侧脑是否宽宝宝虫咬硬包有白粒宝宝出生后怎么观察侧脑是否宽24天的宝宝混合喂养宝宝感冒喉咙发炎宝宝满月去打针8个月宝宝天热头皮痒孕五个月如果感冒对宝宝有影响吗宝宝23周七个月宝宝一天不吃奶不饿2015年2月出生的宝宝要罚款吗宝宝出生后怎么观察侧脑是否宽宝宝吃奶期间妈妈该吃些什么食谱5个月女宝宝的小乳房孕五个月如果感冒对宝宝有影响吗七个月宝宝一天不吃奶不饿宝宝长牙发烧一般几天宝宝看到奶头想吃又不吃宝宝看到奶头想吃又不吃宝宝拉屎每次都挺难受2016年阴历九月猴宝宝宝宝看到奶头想吃又不吃宝宝23周胎心监测宝宝不动宝宝感冒喉咙发炎20个月宝宝突然不吃奶24天的宝宝混合喂养胎心监测宝宝不动宝宝拉屎每次都挺难受宝宝吃奶期间妈妈该吃些什么食谱 我是一名死刑犯，正苦逼的跪在地上等待着脑袋挨枪子，直到此时才明了一件事；不是社会抛弃了我，而是社会特么的根本就容不下我！这时候，枪声响起了，倒下的却不是我…… 妖，魔，鬼与人族共存在这个世界上， 大能者言出法随，亦或者挥手间剑气八方。 在这充满未知的世界，究竟该怎样存活？皇帝统治末期，国库空虚，军中已三月无饷。商贸日益凋敝，多有囤积垄断之现象。国政松弛，军机各部亦有欠款之举，海政疲惫，几近崩溃。司法沦为铢两悉称，律令之行惟强者是瞻。全国一片凋零，百姓苦不堪言。以平民出身的议员何志明、海军巡洋舰队司令高柏加少将和备受冷落的皇族子女刘丽嘉决定起义，推翻皇帝，建立共和。与此同时，在外流浪多年、高柏加少将的孙子高楠也回国助他们一臂之力。然而革命成功三年后，“洛基之子”与“撒旦骑士团”的到来让新生的共和国摇摇欲坠... 住进了隔离医院重症监护室的许如鹏，重生到了2005年去大学报道的绿皮火车上。前世逃避天作良人，浪迹花丛片叶不沾身，年近不惑，任然孑然一身，这一世，许如鹏还会做同样的选择吗？且看许如鹏情场商场翻云覆雨！一场空难，韩涛和邻座的美女流落到了未知的荒岛。没有救援，危险重重，没有见过的野兽，人迹罕至的秘境，与世隔绝的蛮族，沉没在海底的遗失文明……惊险、刺激、还有绝境中人性的善与恶，一切不可抵挡的扑面而来。某天，苏泽无意间收到一封名为《时间邮箱》的快递，彩票发财，买进股票，市场营销................. 不，这些老掉牙的事情苏泽毫无兴趣，拯救校花，俘获芳心才是正经事......................... 简介无力，请看正文赵天明十年前入昆仑山修仙，十年后下山，却不想家破父将亡。 修仙要创新，别人只有一个金丹，我有六个，我金丹越级灭元婴。 别人只开启了360个穴窍，我开启了3600个，我就有了3600个小金丹，打起架来，我能用元力堆死你。 修真修出五行神眼、神识内视，五行宝光加内视可赌石、可鉴宝。 开局就成翡翠王、大鉴定师，用长寿丹换回所有愿意交换的国宝，让所有国宝回归。 灵眼观五色、神识鉴宝贝，探秘境、寻宝藏，脚踩鬼怪，拳打妖魔。 一段修真、探险、赌石、鉴宝、悬疑以及探寻宝藏的大幕，由此拉开！1227年，成吉思汗走了，主人翁来了。 练功，种田，开科技 傲视群雄扫四夷 想打就打，不服就干 弱鸡南宋，有我无敌一代天骄，奥，再次重生。又将要掀起何等风云？前世之仇又能成功复仇吗？“山雨欲来风满楼”，天地也为之色变。这一世又得到神秘功法相助，能否拜托前世厄运，闯出属于自己的一片天！ 这是一个略微畸形的平行世界。 因为科技发展速度太快，商业和文艺的脚步完全跟不上进度。 导致这个世界大部分行业，都处于重技术，轻内容的情况。 而其中，尤其以游戏行业表现的最为明显！ 没有电脑游戏，没有手机游戏，所有游戏都是VR的！ 甚至连免费游戏都没有！ 在这个世界，游戏是有钱人才有资格享受的昂贵物品。 “一个VR设备几十万，穷人就没资格玩游戏了？” 《传奇》《暗黑破坏神》《地下城与勇士》《梦幻西游》《魔兽世界》《英雄联盟》…… 陈风带着前世无数款经典游戏穿越而来，为无数普通玩家发声做事！ 一步步走到世界之巅峰，被所有玩家和网友尊称为：游戏界的慈善家！
莫入红尘 陆天仙帝 写字作画成祖神 末世游戏：我成了一只丧尸 三国模拟器：这个刘封绝地求生 jojo的奇妙冒险:花样年华 侃爷历险记 猫年狗月燕纷飞 群雄之大齐帝国 异界神说之圣职传奇 弑烬武煞 异変 明末潜龙 第二区 带猫穿越 我的在校装乖日记 门山幽谷 凤舞之九重天阙 元界追凶 公子无双 23个月宝宝不喝奶 宝宝一岁乳房有肿块 宝宝长牙发烧一般几天 宝宝感冒喉咙发炎 23个月宝宝不喝奶 宝宝打嗝时胎心高吗 出生53天宝宝拉肚子 几月怀孕可生猴宝宝 20个月宝宝突然不吃奶 宝宝吃奶期间妈妈该吃些什么食谱 宝宝23周 半个月的宝宝睡觉呼噜 宝宝每个月都会什么 宝宝一岁乳房有肿块 宝宝满月去打针 宝宝感冒喉咙发炎 出生53天宝宝拉肚子 20个月宝宝突然不吃奶 2016年阴历九月猴宝宝 宝宝出生后怎么观察侧脑是否宽 宝宝一岁乳房有肿块 孕五个月如果感冒对宝宝有影响吗 宝宝虫咬硬包有白粒 5个月女宝宝的小乳房 七个月宝宝一天不吃奶不饿 宝宝每个月都会什么 20个月宝宝突然不吃奶 宝宝虫咬硬包有白粒 2016年阴历九月猴宝宝 20个月宝宝突然不吃奶 宝宝感冒喉咙发炎 宝宝一岁乳房有肿块 两个月宝宝还没形成作息规律 宝宝满月去打针 胎心监测宝宝不动 宝宝感冒喉咙发炎 两个月宝宝还没形成作息规律 宝宝长牙发烧一般几天 宝宝每个月都会什么 孕五个月如果感冒对宝宝有影响吗 24天的宝宝混合喂养 24个月女宝宝发育指标 八个月女宝宝私密处下有血迹 半个月的宝宝睡觉呼噜 5个月女宝宝的小乳房 宝宝一岁乳房有肿块 半个月的宝宝睡觉呼噜 24天的宝宝混合喂养 宝宝每个月都会什么 8个月宝宝天热头皮痒 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 本国最强剑士竟成千金侍卫 大漂客 玄幻之我是半个大师 剑仙之恋 全球灾变：我的武功自动修炼 亚星管理平台 亚星官网 万利官网 亚星管理平台 澳门葡京官网 宝宝吃奶期间妈妈该吃些什么食谱 5个月女宝宝的小乳房 宝宝感冒喉咙发炎 半个月的宝宝睡觉呼噜 宝宝看到奶头想吃又不吃 宝宝一岁乳房有肿块 出生53天宝宝拉肚子 七个月宝宝一天不吃奶不饿 八个月女宝宝私密处下有血迹 24个月女宝宝发育指标 八个月女宝宝私密处下有血迹 20个月宝宝突然不吃奶 宝宝满月去打针 8个月宝宝天热头皮痒 两个月宝宝还没形成作息规律 8个月宝宝天热头皮痒 23个月宝宝不喝奶 出生53天宝宝拉肚子 8个月宝宝天热头皮痒 八个月女宝宝私密处下有血迹 宝宝长牙发烧一般几天 三个月宝宝便秘腹胀可以清凉油 宝宝每个月都会什么 三个月宝宝便秘腹胀可以清凉油 半个月的宝宝睡觉呼噜 宝宝虫咬硬包有白粒 宝宝一岁乳房有肿块 24天的宝宝混合喂养 几月怀孕可生猴宝宝 宝宝打嗝时胎心高吗