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
宜宾市到贵阳汽车班次沧州黄骅至盐山汽车票价天津西站到黄骅 汽车阳泉汽车票网上购票宾武宣县到晋江汽车票宜宾市到贵阳汽车班次浙江缙云到仙居的长途汽车天津西站到黄骅 汽车杭州汽车北站至机场的班车时刻表南城汽车客运站到大余池州汽车站列车时刻表天津西站到黄骅 汽车常平汽车站至东莞·长安池州汽车站列车时刻表芜湖到绩溪汽车票价南城汽车客运站到大余广州南站到肇庆汽车总站广州省站到容桂汽车班次广州省站到容桂汽车班次深圳到北海汽车多久济南到荏平县长途汽车广州省站到容桂汽车班次杭州汽车北站至机场的班车时刻表四川广元南河汽车站宾武宣县到晋江汽车票益阳火车站到安化的汽车芜湖县到宣城汽车多少钱四川广元南河汽车站深圳到北海汽车多久常平汽车站至东莞·长安当枯竭的灵气复苏 当远古的神魔苏醒 当大地的生物异变 平凡少年踏上求生之路，逐渐窥探世界的奥秘魂穿异界，看我顾小飞如何修仙问道，坑道友乃修仙必修课古神之战，将完整的大陆打得支离破碎，留下了遗址与破损的神器。旧天国，新天国，莱茵，福德，安格恩，天星，六潮……不同的国家都有自己的特色。在这里，还有一群有强大特殊能力的人，被尊称为称号使者，他们有着怎样的生活？和常人又什么不同？普通人难道永远达不到他们的境界吗？一切尽在《破碎的大陆》 （心动了吗？那就赶快阅读吧。BTW作者是业余的，更新比较慢，不过质量还是可以的）世界上没有对与错，只有强和弱，没有未完的事，只有未完的心。跨越5000年的历史战争未完待续，要相信每段命运都要背负属于自己的十字架，若生命赐予你无数张面孔，你会选择哪一张？想念是一种仪式，但真正的记忆与生俱来，在他18岁那年被历史的命运紧紧拴住后，他做苍白的反抗，换来的，是更苍白的妥协……高阳原本是个蓝星的雇佣兵，在一次执行任务中来到了金庸武侠世界--神雕。 在神雕世界中获得武林中人梦寐以求的武林秘籍，左手六脉神剑、右手降龙十八掌，年纪轻轻就达到别人一辈子的成就， 一个小小的蝴蝶能带动多大的效应？神雕世界因为高阳的到来又会有什么样的变化？神雕中的爱恨情况是否因为高阳的到来而改变？ 让我们走进神雕世界，看高阳如何在江湖中翻云覆雨~~~~~ 各位书友要是觉得《神雕之我是大魔王》还不错的话请不要忘记向您的朋友推荐哦郡主家里养赘婿，弹琴赋诗通文艺，家里男人样样好，就是没个男人样。大象老师给儿子、女儿写的系列书信，讲述自己在他们那个年龄时的故事。生命就是一场经历。没了高中的紧张，大学里放松了很多。 思想上的经历，可以通过多读书来实现。但生活上的经历，只能是自己切身体会。 大学四年，在酒吧兼过职，处了舞蹈系最漂亮的女朋友，球场上跟体育生比过武，跟英语专业最牛逼的男生交了朋友，社团招新上出名全校，也受过其他学生的欺凌，看到过同学生命的逝去，也一直结识更多新的朋友。 小说来源于现实，现实又何尝不是一部小说。热血的战争，痛苦的坎坷。 为报仇，他杀人如麻， 进入仙界，他修炼无上仙法，仙路坎坷，正邪难分，勇夺皇位，为了天地，他遇神杀神，遇魔降魔，他勾心斗角，出卖兄弟，残杀无辜， 但是他却是个好人.......地府算什么东西，你凭什么资格，赏善罚恶？ 地府算什么东西？现在我就来告诉你！ 你们洗不了的冤，由我地府来洗， 你们办不了的人，由我地府来办； 你们担不了的因果，由我地府来担。 一句话，是是非非地，明明白白天！ 赏善罚恶，大道特许。这就是地府，够不够清楚？
黑色兰花劫 极品鉴宝狂婿 莲生涟 系统让我无敌 我不小心获得了全能系统 万古绝顶 武破神灵 非狼 观途 修仙界回归的大佬 飞天英豪 全民领主：我是财神大人 一舞动四方 梦幻世界之崛起 一壶酒，浮世三千 至尊小仙农 都市之重生帝王 防道仙师 滲透者 我用偏方吊打了医届大佬！ 贵阳金阳至凯里汽车站时刻表 上海江都汽车站网上订票 广州南站到肇庆汽车总站 宾武宣县到晋江汽车票 贵阳金阳至凯里汽车站时刻表 深圳到大沥汽车票 广州南站到肇庆汽车总站 河池金城江到桂林汽车 益阳火车站到安化的汽车 长乐国际机场到莆田汽车站 东莞市汽车总站到汕头要多久 东莞市汽车总站到汕头要多久 怀集长途汽车客运站 上海江都汽车站网上订票 宜宾市到贵阳汽车班次 宾武宣县到晋江汽车票 苏州到含山的长途汽车 益阳火车站到安化的汽车 苏州汽车站网上购票网址 天津西站到黄骅 汽车 上海江都汽车站网上订票 芜湖到绩溪汽车票价 沧州黄骅至盐山汽车票价 池州汽车站列车时刻表 南城汽车客运站到大余 怀集长途汽车客运站 益阳火车站到安化的汽车 沧州黄骅至盐山汽车票价 苏州汽车站网上购票网址 益阳火车站到安化的汽车 宾武宣县到晋江汽车票 广州到肇庆汽车班次 阳泉汽车票网上购票 宜宾市到贵阳汽车班次 四川广元南河汽车站 宾武宣县到晋江汽车票 阳泉汽车票网上购票 广州南站到肇庆汽车总站 怀集长途汽车客运站 芜湖到绩溪汽车票价 芜湖县到宣城汽车多少钱 长乐国际机场到莆田汽车站 泰州到杭州汽车多长时间 苏州到含山的长途汽车 池州汽车站列车时刻表 上海江都汽车站网上订票 东莞市汽车总站到汕头要多久 芜湖县到宣城汽车多少钱 怀集长途汽车客运站 浙江缙云到仙居的长途汽车 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 左手魔法右手修仙 神仙学院：被迫和校花组队 黑雾白霜 破天成神记 妖族大兴当在此时 亚星游戏官网 万利游戏官网 欧博游戏官网 亚星游戏官网 葡京官网 益阳火车站到安化的汽车 泰州到杭州汽车多长时间 南城汽车客运站到大余 广州南站到肇庆汽车总站 深圳到北海汽车多久 长乐国际机场到莆田汽车站 芜湖到绩溪汽车票价 东莞市汽车总站到汕头要多久 上海江都汽车站网上订票 深圳到大沥汽车票 深圳到大沥汽车票 长乐国际机场到莆田汽车站 长乐国际机场到莆田汽车站 广州到肇庆汽车班次 苏州到含山的长途汽车 常平汽车站至东莞·长安 贵阳金阳至凯里汽车站时刻表 苏州汽车站网上购票网址 天津西站到黄骅 汽车 浙江缙云到仙居的长途汽车 怀集长途汽车客运站 阳泉汽车票网上购票 益阳火车站到安化的汽车 上海江都汽车站网上订票 宜宾市到贵阳汽车班次 益阳火车站到安化的汽车 广州南站到肇庆汽车总站 河池金城江到桂林汽车 河池金城江到桂林汽车 池州汽车站列车时刻表