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
长沙中通快递电话号码查询长沙雨花区国通快递员电话长沙中通快递上门取件电话号码查询长沙市雨花区申通快递电话长沙市雨花区申通快递电话号码长沙中通快递电话号码查询长沙天地华宇地址电话号码长沙中通快递上门取件电话号码查询长沙望城星城快捷快递电话长沙市府分部百世汇通电话长沙顺丰速运公司电话长沙中通快递电话号码查询长沙天地华宇地址电话长沙市雨花顺丰快递电话号码长沙中通快递上门取件电话号码查询长沙市府分部百世汇通电话长沙天心区速尔电话长沙市雨花顺丰快递电话长沙市雨花顺丰快递电话长沙岳麓山百世快递电话长沙雨花区安能物流点电话长沙市雨花顺丰快递电话长沙望城星城快捷快递电话长沙岳麓区百世快递电话长沙市雨花区申通快递电话号码长沙岳麓区百世汇通快递电话长沙市雨花区申通快递电话长沙岳麓区百世汇通快递电话是多少长沙岳麓区百世快递电话号码长沙天地华宇地址电话原本是各个不同世界和地方的九位勇士，却因一次的使命而是他们走到了一起；今后的路，虽然漫长而艰巨，但他们之间的友谊与羁绊却不会因为任何原因而被斩断，不论在何方，都会把彼此深深地记在心里！！一睁眼竟然来到另一个时代。 这是哪，我是谁，这人是谁曾经的少年儿郎，都有一个激荡人心的梦想： 从废柴逆袭，摇身而成翩翩美男；从手无缚鸡之力，到修炼成巅峰人神之境； 面对着众多美女的执着与奉献，崛起的学神，他将怎样面对...... ...... 谨以此文献给努力奋斗的高考学子们、曾经努力奋斗过的高考学子们、以及错失高考的广大有志者！内容提要：推荐新书《神魔霸体》http://www.17k.com/book/705692.html天地六界，远古鸿蒙。一个卑微的小人物毕凡，一步步修炼成长。闯魔域煞气冲天、战潜龙一鸣惊人、闯天下成就威名、夺宝库独占鳌头、入混沌翻云覆雨、踏六界唯吾独尊、斗鸿蒙逍遥至尊。动乾坤、踏六界、斗苍穹、破鸿蒙，诛仙逆天成就六道仙尊。爱恨情仇、兄弟义气、刀光血影，无穷无尽的宝物、灵兽、功法，尽在《六道仙尊》。喜欢的请加群：云霆飞书友群：177856368 YY频道ID：53771214 YY群：3209667大家点击作者笔名进去，记得‘崇拜下’、‘留脚印’、‘打酱油’，每天一个号都可以点击一次。谢谢！！推荐两本书《特工教师传奇》《重生之官路高升》惊悚复苏，诡异降临 叶尘，已经到了18岁，被惊悚游戏选中，开始了，他鬼医生的一生，他在游戏中化身N PC，更是开局就给厉鬼接生 他更是有了鬼医生系统 励志做鬼界最好的医生 当他在评鬼界最亮的医生时 那些玩家还在逃亡碎叶城位于大陆的一个不起眼的位置，但北邻高山峻岭，南望平原，恰是个美丽富饶的好地方。 　　傍晚的碎叶城依旧人来人往、纸醉金迷，霞光普照更显梦意。 　　“来一来，看一看，上好的妖兽结晶” 　　“高阶妖兽魔核，来看一看啦 ” 　　“老板上好的炼丹药材要不要买点，假一赔十。” 　　路边传来商家们的吆喝声。 　　只见一对十二岁的少男少女穿梭在人群中，少年一头棕发束于脑后，英俊秀颖的脸庞，上扬的嘴角尽显傲气。少女留着一头美丽的长发，气定神闲，秀雅脱俗，一双星空般的眼睛深邃空灵。 　　少年名叫韩意是韩家百年难遇的天才，才十二岁魂力已经达到了小圆满，这不仅在碎叶城、天风国，就是在整个大陆也是极其罕见的天才。 　　少女名叫听雨，十二岁魂力八级这也算是个小天才了，她是韩意的干姐姐，两人自小便生活在一起。 　　这时听雨朝着一个摆地摊的走了过去，原来她看上了一个用高阶妖兽身上的蓝色结晶做成的戒指。 　　“韩意、韩意快来看。” 　　“怎么啦？”韩意走了过来。 　　“你看这戒指多漂亮啊。世界变了模样，我既然有了这样的能力，那就让我试试吧......这个世界上总有那么一些人，他们无畏，固执，乃至偏执，不羁，骄傲，而又狂妄。即使到了绝境，他们也绝不妥协。 　　从不给自己留任何退路，只愿勇往直前，哪怕最后是死。 这是一个只修炼肉身，不修炼灵气的少年，在命运的逼迫下，以凡人之躯一步步走向炼体成仙的故事。 做好准备，全程高燃。永恒圣堂门开，狂雷洗涤异世之魂。拥有神识海的骑士学徒，死不瞑目的元素魔法师。一直被坑的丁馗集两家血脉传承精髓，走上空前绝后的法武双修之路。积功开辟根据地，以一隅谋全国，靠的是两世战争经验。人魔最终之战时，毅然舍去历尽千辛万苦所取得的一切。神圣，神圣，原来神之上是圣！武域迎来大劫，邪恶之族入侵各界，相传唯有神域之主才可拯救苍生。
进击的野鸽 灾噩时代 地球重生之灵亡大陆 完美佳婿之我真不是股神 悚梦记 重生九册 社恐求生 玄武奇侠传 风流狂兵俏天骄 军临城下之护卫者计划 大恒平妖录 四等人的逆袭 太子逃婚记 弑神之六界灭亡 跳下悬崖后，我开挂了！ 大明：开局上交双穿门 至赖无敌 意志之选 壶内老婆已满 ，派蒙禁入！ 玄生传 长沙望城区银星路快递电话 长沙市雨花区申通快递电话 长沙天地华宇6号地址电话号码 长沙中通快递电话号码 长沙望城区银星路快递电话 长沙雨花机电汇通电话 长沙市府分部百世汇通电话号码 长沙市雨花顺丰快递电话 长沙望城星城快捷快递电话 长沙顺丰速运公司电话 长沙市开福区新河街道中通快递电话 长沙天地华宇地址电话 长沙雨花区国通快递员电话 长沙市雨花区申通快递电话 长沙岳麓区百世汇通快递电话号码 长沙中通快递电话号码 长沙市府分部百世汇通电话号码 长沙望城星城快捷快递电话 长沙天心区速尔电话 长沙岳麓区百世汇通快递电话是多少 长沙市雨花区申通快递电话 长沙岳麓区百世快递电话 长沙天心区速尔电话是多少 长沙中通快递上门取件电话号码查询 长沙市雨花区申通快递电话号码 长沙雨花区国通快递员电话 长沙望城星城快捷快递电话 长沙天心区速尔电话是多少 长沙天心区速尔电话 长沙望城星城快捷快递电话 长沙中通快递电话号码 长沙市雨花区申通快递电话 长沙岳麓区百世快递电话号码 长沙岳麓区百世汇通快递电话号码 长沙岳麓区百世快递电话 长沙市雨花区申通快递电话号码 长沙市雨花区国通快递电话号码 长沙天心区速尔电话是多少 长沙岳麓区百世快递电话 长沙市雨花区国通快递电话号码 长沙市雨花区申通快递电话号码 长沙市府分部百世汇通电话号码 长沙岳麓山百世快递电话 长沙望城区银星路快递电话 长沙市雨花顺丰快递电话号码 长沙天地华宇6号地址电话 长沙望城星城快捷快递电话 长沙市雨花区申通快递电话 长沙岳麓区百世快递电话号码 长沙天地华宇地址电话号码 亚星官网 亚星游戏官网 亚星游戏官网 亚星官网 亚星游戏官网 武道绝峰 亲情暴力 步步走向深渊 天命司 猎猎西风啸 AG真人 欧博官网 亚星管理平台 AG真人 百家乐官网 长沙市府分部百世汇通电话 长沙中通快递上门取件电话号码查询 长沙望城区银星路快递电话 长沙天心区速尔电话是多少 长沙市雨花区申通快递电话 长沙市雨花区申通快递电话号码 长沙中通快递电话号码 长沙市府分部百世汇通电话 长沙市雨花顺丰快递电话 长沙天心区速尔电话 长沙雨花区安能物流点电话 长沙中通快递上门取件电话号码查询 长沙顺丰速运公司电话 长沙雨花机电汇通电话 长沙市雨花区申通快递电话 长沙岳麓区百世汇通快递电话 长沙中通快递上门取件电话号码查询 长沙中通快递电话号码查询 长沙天心区速尔电话是多少 长沙天心区速尔电话是多少 长沙市雨花区申通快递电话 长沙市雨花区申通快递电话 长沙中通快递电话号码 长沙中通快递电话号码查询 长沙市雨花区申通快递电话号码 长沙市雨花顺丰快递电话号码 长沙市府分部百世汇通电话号码 长沙雨花区顺丰快递的网点查询电话 长沙岳麓山百世快递电话 长沙望城星城快捷快递电话