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
专家讲解铁陨石价格等等保税区仓库 价格电脑绗缝机价格 工业设备采购香奈儿j12 0968回收价格禾利丰价格专家讲解铁陨石价格等等住友灭扫利价格电脑绗缝机价格 工业设备采购金彭逸郎价格甲基环戊烯醇酮+价格奥斯缤奴铅笔牛仔裤价格电脑绗缝机价格 工业设备采购贵阳哪有卖小型饲料颗粒机价格奥斯缤奴铅笔牛仔裤价格山东莒南县陨石样品及价格甲基环戊烯醇酮+价格家庭超滤净水器批发价格钻绣和十字线绣那个价格贵钻绣和十字线绣那个价格贵铝门窗价格指导价 铝门窗价格广东冲孔网价格钻绣和十字线绣那个价格贵金彭逸郎价格全自动单针绗缝机价格禾利丰价格coach贝壳包价格聊城玻璃钢屋顶风机价格全自动单针绗缝机价格铝门窗价格指导价 铝门窗价格贵阳哪有卖小型饲料颗粒机价格灵魂穿越的沈七夜附身于一个锦衣卫身上，随着调查一桩桩离奇案件，他深入江湖威震擂台，最终机缘巧合拜官得入朝堂，被却迫卷入了一场东宫太子位之争。一路上他遇到各人各事，惊绝一省的神秘杀手，恶名远扬的江湖魔女，千古有名的女才子，下山历练的剑道女第子，以及南国门阀世家的千金等等，她们与主角沈七夜间将会发生各种各样的离奇感人又有趣的故事。曾经的生死仇敌却同床共枕，门阀千金要与自己的临时保镖私奔，为救红颜知己的师妹他大闹一派山门公然抢婚，数次与己交锋的魔女师姐妹却是被迫委身于他，还要与天之骄子的敌国长公主明争暗斗！他这一路数不清的恩怨情仇，道不尽的是非因果，且看他如何一步步裂土封王，为“祸”一方！！！ 凌凡左思右想，打算给金剑起个名字，总不能一直叫金剑吧？这样太没面子了，就叫“行天剑”听起来就够霸气，凌凡很是满意。意外穿越，接触高等文明。 浩瀚太空，见识奇人异事。黑暗降临的那一刻，全世界陷入了混乱……一名特战老兵面对凶残的变异者凭借一把消防斧杀出了重围，行走在满目疮痍的大地，他的伤口在慢慢结痂，基因序列在重新组合，一切才刚刚开始…… 当汪柯在玩《隐形守护者》点下第二个选项后，看着屏幕上结局达成的提示，整个人都斯巴达了，他竟然是个活不过三分钟的男人？带着这样的疑问，他被一个谍战求存直播系统丢到了魔改后的谍战世界，开始了他的求生直播。系统告诉他，他的任务很简单，只要活过一集就够了。琼花娇欲语，紫日浮云烟， 扶摇仙凌顶，执掌剑神霄！ 一介女修如何踏步青云？剑道登极！吾剑沉仙！穿越平行世界，文娱资源匮乏，百废待兴。 孤独一世的江帆，身后多了一个喊自己“爸爸”的小棉袄。 为了让自己可爱的宝贝女儿过上公主般的生活，江帆开始拼命赚奶粉钱。 视帝、影帝、百亿导演、天王歌手…… 荣誉加身的江帆在巅峰时不顾数十亿粉丝的挽留隐退，只为了陪伴橙橙，给他最完整的童年。 这才发现，自己不知不觉间，成为了这个世界文娱行业的神，让文娱抵达了前所未有的盛势！【神秘身份+民间奇术+历史穿越+异闻志怪】大学毕业前的一个神秘包裹，改变了商文渊的生活。重拾汉帝钦封苍狼典客身份，镇守古丝路诸国气运，却遭中原宗门排挤。从此，你传你的的万民教化，我护我的黎庶安危。承袭阴阳镖局，邂逅千载军魂，解密奇诡邪术，隐遁历史时空。鄯善苍狼，折枪送君。阿维斯塔，真本何在。蜀身毒道，黑白佛牙。西域黄沙下，究竟埋葬了多少历史的隐秘。三百世轮回中，我在哪一世，你又在哪一世。有诗云：神枪且无柄，作剑可堪行。莫犯神州土，丝路有奇兵。西行十万里，黄沙送归途，典客阵前时，莫问阴阳路。主人公艾维一家原本生活在一个和谐美满的小渔岛中，但突如其来的一场变故，使得小岛面目全非，自此兄妹俩不得不开始背井离乡，踏上颠沛流离的生活，但却从此书写了一段恩塔格瑞大陆的传奇故事意外的死亡，沈子昂穿越到了洪荒年代； 废弃的血脉被人唾弃，驱逐！ 没想到和自己一起穿越的狗都成为了魔族统领； 殊不知这废弃的血脉竟然是传说中的龙脉。 从此刻起，洪荒年代又多了一个疯狂作死的妖族大帝！ “人族之皇啊，走着，去喝两杯？” “妖帝，你为何又要调戏我魔尊的女儿！！” “神王，咱俩去佛界溜达溜达，请他们吃烤肉去！！！” “师傅不好啦，妖帝要去做大保剑，问你去不？” “........” 四界大乱，上古妖魔复活； 妖帝死后魂魄不灭，附身于废柴之身； 一人持太古凶器，踏破苍穹，诛神斩魔！！！
桃园圣手 极品医神狂婿 修仙：我把九转金丹当糖嗑 极点世界 天地末判其名 关于我成为赘婿这回事儿 我有一台超级机床 舌尖上的神诡游戏 我若成魔诛神灭佛 祖龙之世 万界至尊 重生异世 我要不断进化 风暴战纪 侠道山河 天地书！ 伍：登神纪 活下去，活着 网游之神族锻造师 魃气回天 圣龙传之关中诡事记 禾利丰价格 汽车高档香水座价格 铝门窗价格指导价 铝门窗价格 佳能mg2400墨盒价格 禾利丰价格 奥斯缤奴铅笔牛仔裤价格 什么鸡价格高 大六角高强度螺栓价格 钻绣和十字线绣那个价格贵 凤眼菩提籽0.8的价格 电脑绗缝机价格 工业设备采购 专家讲解铁陨石价格等等 美乐通宁 价格 保税区仓库 价格 鸡饲料价格 鸡饲料批发 名迪山地自行车价格 什么鸡价格高 钻绣和十字线绣那个价格贵 香奈儿j12 0968回收价格 贵阳哪有卖小型饲料颗粒机价格 汽车高档香水座价格 ??床子价格和图片 聊城玻璃钢屋顶风机价格 金彭逸郎价格 保税区仓库 价格 美乐通宁 价格 钻绣和十字线绣那个价格贵 聊城玻璃钢屋顶风机价格 香奈儿j12 0968回收价格 钻绣和十字线绣那个价格贵 名迪山地自行车价格 汽车高档香水座价格 家庭超滤净水器批发价格 贵阳哪有卖小型饲料颗粒机价格 甘思咪哚80度葡萄烈酒250ml价格 名迪山地自行车价格 住友灭扫利价格 什么鸡价格高 美乐通宁 价格 住友灭扫利价格 名迪山地自行车价格 coach贝壳包价格 干崩鸡机器所价格 专家讲解铁陨石价格等等 金彭逸郎价格 汽车高档香水座价格 电脑绗缝机价格 工业设备采购 家庭超滤净水器批发价格 甲基环戊烯醇酮+价格 住友灭扫利价格 亚星官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 庄周刘禅 哥的开挂人生 黑暗之中的光芒 我的怪谈爱好者协会 安神记 葡京官网 快连下载 欧博官网 葡京官网 欧博官网 钻绣和十字线绣那个价格贵 甘思咪哚80度葡萄烈酒250ml价格 奥斯缤奴铅笔牛仔裤价格 什么鸡价格高 佳能mg2400墨盒价格 保税区仓库 价格 专家讲解铁陨石价格等等 山东莒南县陨石样品及价格 专家讲解铁陨石价格等等 贵阳哪有卖小型饲料颗粒机价格 电脑绗缝机价格 工业设备采购 聊城玻璃钢屋顶风机价格 鸡饲料价格 鸡饲料批发 民缘梳棉机的价格 coach贝壳包价格 奥斯缤奴铅笔牛仔裤价格 家庭超滤净水器批发价格 佳能mg2400墨盒价格 干崩鸡机器所价格 香奈儿j12 0968回收价格 保税区仓库 价格 凤眼菩提籽0.8的价格 鸡饲料价格 鸡饲料批发 钻绣和十字线绣那个价格贵 聊城玻璃钢屋顶风机价格 名迪山地自行车价格 禾利丰价格 甘思咪哚80度葡萄烈酒250ml价格 家庭超滤净水器批发价格 美乐通宁 价格