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
牡丹江市到柳毛火车衡水至吉林火车兰州到枣庄火车票查询系统明天宁波至广州火车票查询合肥南到宜昌的火车时刻表查询系统集宁到伊图里河的火车安顺到宜州的火车时刻表高蜜至胶州火车k1084火车时刻表查询新民到北站火车成都一青岛的火车票价多少高蜜至胶州火车衡水至吉林火车成都一青岛的火车票价多少高蜜至胶州火车醴陵到咸宁火车票查询昌图到威海火车代人取火车票合肥南到宜昌的火车时刻表查询系统明天昆明到上海火车牡丹江市到柳毛火车代人取火车票k1084火车时刻表查询火车大连到大庆车次合肥到达县火车票侯马到辛集火车时刻表合肥到达县火车票海安到新乡的火车明天昆明到上海火车红果至南宁火车时间表 世纪之末， 仙路湮灭，前路断绝，动乱时代，宇宙重开，少年叶天重生于异域，从此踏上仙武大道，悟五行，领阴阳，掌握极致力量。堤岸横空，生灵争渡，不详与诡异肆虐。 少年的背后是血与乱，是生灵的悲歌，少年的探寻的是万灵之希望。彳亍前行，万古寂然，永远在路上。 东来剑帝率领无数修士，打破九重天宇，杀入圣域之内，斩杀万千神族，却因一人叛变，导致一朝身败，无数修士葬身圣域，魂归天外。 断剑携破碎虚空，十万年之后，少年剑辰降世。 因玲珑剑心被心爱之人所夺，一身修为尽废，幸获乾坤珠认主。 断剑觉醒，记忆复苏，剑辰记起十万年前的过往。 记起自己曾一剑斩断擎天山柱，擎天山柱化作登天仙路。 记起自己曾一剑独入冥间炼狱，冥间炼狱化作轮回之路。 记起自己曾一剑斩破诸天避障，诸天融合化为诸天玄界。 ...... 记起自己曾剑断圣域，无数修士魂断圣域。 他日我为剑帝东来，今日我为剑辰，悟无上剑道，修无垢剑体，势要让这天地再难遮住我的眼，无人能够阻挡我的剑。抬手掌御星河 弹指寂灭时空 茫茫混沌中一盏青灯点亮了岁月 是希望之光，还是洪流下的火花？ “吼吼吼……！”一声愤怒的咆哮响彻苍茫世界 当时间逆乱，秩序毁灭又是谁的手在无情挥舞… 浩瀚宇宙的起源，万古岁月的崩塌 无尽鸿蒙中的一道身影，苍穹之上，漫漫星河，是开始，还是结束？我为仙帝，碾压世间一切敌！在未来视觉可视化游戏可以阻止实体战争的爆发，减少无辜者，但也有一些人不想上一个时代如此快速的终结，于是一些野心家开始在暗中涌动，策划着一个更大的阴谋。 故事的开端：2348年7月13日 乱世之土，命如蝼蚁。 杀人放火，唯见真我。 仙道茫茫，无数修士如同过江之鲫，都想登天一途，炼气、筑基、结丹、元婴..... 尘世间的一叶浮萍，不甘就此飘零浮沉！ 苟凡尘，争修行，踏仙路！【寂寞不谈爱，孤独不饮酒。】 女儿生日当天，我意外看到了妻子的手机，当谎言被揭穿的时候，我发现妻子真的很懂“生活。” 少年偶遇流浪上神，倾囊相助，获上神青睐，步入修仙之列。拜良师，交益友，结红颜，多方相助威名显。战强敌，斩悍匪，于战乱之中晋升，于战斗之中成长。率领百万雄师征战四方，建国立业，一统修仙界，位列修仙界之主。刻苦修炼，博采众长，终跻身上神之列。护修仙界和平，战神界绝世高手，平九界之乱，成就不世之功。历劫难，成功名，九劫真神威震九界。此文集有散文、随笔、小说等多篇，内容丰富。其随笔纵谈人生悲欢苦辣，探讨生命及世界真谛，探幽发微，富于哲理，发人深思。其散文描摹天下至美，抒发真情挚感，很具审美感与感染力。特别需要指出的是，雪淞的文笔很具特色，优美、鲜活、细腻，轻松，令人看着很舒服、愉快。文集知识性也很丰富，作者博览群书，旁征博引，联通古今，使人在愉悦的阅读中获得很多知识。作者声明：喜欢本书的读者还可在本网站观赏作者长春雪淞的另几部作品：《无限青春无限爱》、《东方企业家》、《琵琶岛谋杀案》、《没有拆穿的谜底》、《少年维克之烦恼》、《蒋经国上海打虎》、都很好看。点作者的名字就可看到其它作品。这是一个平行世界，在这个世界里存在这一种布洛克的高智生物，他们在这个世界和谐发展了几千万年甚至更久，直至黑暗势力的入侵，导致了一个名为地球的人类平行世界开始与之交融，他们合力组成了联合军共同对抗强大黑暗。
塔中丽三千 九天神脉 弥留的通晓之刻 林中宝藏 轩辕圣世 三国乱斗我在行 黑夜后的光明 灵修沧雨录 苍生令:万族之主 俺是一个保安 科研大佬从相亲走错桌开始 寒门忆梅 逝者永存！ 云海天涯剑 三国，历史名将大乱斗 剑之遥 这个城市的回忆 重生大明国 书圣门 冰峰奇缘 红果至南宁火车时间表 安康到永川的火车票 代人取火车票 海安到新乡的火车 红果至南宁火车时间表 昌图到威海火车 代人取火车票 高蜜至胶州火车 安顺到宜州的火车时刻表 宁波到西安卧铺火车票多少钱一张 兰州动车站和火车站怎么走 兰州动车站和火车站怎么走 贵巷高铁站去火车站 安康到永川的火车票 牡丹江市到柳毛火车 海安到新乡的火车 成都一青岛的火车票价多少 红果至南宁火车时间表 衡水到黄骅火车 兰州到枣庄火车票查询系统 安康到永川的火车票 兰州到枣庄火车票查询系统 衡水到黄骅火车 火车大连到大庆车次 集宁到伊图里河的火车 贵巷高铁站去火车站 红果至南宁火车时间表 衡水至吉林火车 衡水到黄骅火车 安顺到宜州的火车时刻表 海安到新乡的火车 明天昆明到上海火车 侯马到辛集火车时刻表 牡丹江市到柳毛火车 昌图至深圳火车时刻表 侯马到辛集火车站列车时刻表 侯马到辛集火车时刻表 代人取火车票 昌图至深圳火车时刻表 吉安到盘锦火车时刻表 侯马到辛集火车站列车时刻表 高蜜至胶州火车 k1084火车时刻表查询 成都一青岛的火车票价多少 火车票不出站行吗 明天昆明到上海火车 兰州动车站和火车站怎么走 侯马到辛集火车站列车时刻表 贵巷高铁站去火车站 合肥南到宜昌的火车时刻表查询系统 亚星游戏官网 亚星官网 亚星官网 亚星官网 亚星官网 超可爱异灵现象研究部 重生我从实业做起 流浪的打工者 视频：开局剧透大秦灭亡！ 三年整活，三年行 葡京官网 快连下载 欧博官网 葡京官网 皇冠登3出租 成都一青岛的火车票价多少 新民到北站火车 醴陵到咸宁火车票查询 高蜜至胶州火车 k1084火车时刻表查询 侯马到辛集火车时刻表 宁波到西安卧铺火车票多少钱一张 明天宁波至广州火车票查询 高蜜至胶州火车 昌图到威海火车 明天宁波至广州火车票查询 代人取火车票 红果至南宁火车时间表 明天昆明到上海火车 火车大连到大庆车次 兰州动车站和火车站怎么走 贵巷高铁站去火车站 牡丹江市到柳毛火车 k1084火车时刻表查询 衡水到黄骅火车 集宁到伊图里河的火车 明天宁波至广州火车票查询 牡丹江市到柳毛火车 安顺到宜州的火车时刻表 衡水至吉林火车 海安到新乡的火车 红果至南宁火车时间表 昌图至深圳火车时刻表 侯马到辛集火车站列车时刻表 贵巷高铁站去火车站