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
qq申请哪个信用卡好pos机读取不到信用卡qq申请信用卡在哪里看qq怎么找信用卡9月1日信用卡qq上怎么找信用卡账单etc信用卡没密码是多少钱qq申请信用卡在哪里看etc信用卡有密码吗etc跟信用卡的区别emv信用卡在国内怎么用qq申请哪个信用卡好etc农行信用卡多久还钱dq信用卡满60减30qq申请信用卡在哪里看etc跟信用卡的区别etc信用卡消费记录查询cf怎么升级信用卡cf怎么升级信用卡qq上怎么开通信用卡IC信用卡不能刷?cf怎么升级信用卡etc信用卡有密码吗moto 消费 信用卡9月1日信用卡pos机刷卡后认证信用卡吗qq怎么找信用卡moto 消费 信用卡qq上怎么开通信用卡etc农行信用卡多久还钱是一个充满在神秘色彩中的反正义跨国杀手组织，故事由一起轰动全国的庞大组织杀人案的曝光引发，反正义和正义与之抗衡。易钊意外穿越到了一个人与鬼怪生存的世界，在这里人和鬼怪对立， 而易钊却意外获得了阎王送赠的物理驱鬼系统，从此成为了这个世界的王者。五万年前，天帝太衡曾在仙品至宝圣星大阵上算了一卦：天下之大，迷影之数；六界之外，轮回异时，抑扬，或天下太平，或生灵涂炭。 　　轮回，拥有吸收修为内力，灭魂控尸的力量，除此之外，一念之间，山崩地裂，空间崩塌，天地变换，星象破碎，就连拥有真神境界修为的人与其对战，一不留神，便会被其精神控制，吸收修为，成为傀儡。而且，幼年时期的轮回还有使自己起死回生，身体在生的能力。 　　不过邪不压正，就算大战已至，仍有洪荒老祖这样的英勇就义之士，为苍生献身，最后将其头目封印。 　　群龙无首，轮回大军发生内斗，自然不战而溃。 　　不过此战之后，六界众神非死即伤，大军伤亡惨重，如今最需要的，就是和平。 　　但多年之后，让众神没想到的是，一个神秘婴儿打破了寂静，没人知道他的来历，他的父母是谁。 　　天帝慈悲，命修罗之神扶养婴儿，天下太平或生灵涂炭，生灵涂炭已经见识到了，但天下太平，这又是多少人梦寐以求之事… 都说商场如战场，可是有多少人知道期货市场是战场上刺刀见红的前沿阵地？ 人生就像k线图，有阴线，也有阳线。 是怎样的人生经历，让男主角发出了“向左看，一目了然；向右看，一片茫然！”的感慨？ 请走进这部小说，走进书中人物的内心世界，一窥主人公在漫山遍野芬芳中的情感历程，回望期货市场波诡云谲的变化，体会一飞冲天的快乐，也品尝泥沙俱下的痛楚。 本故事人物﹑情节均为虚构，若有雷同，纯属巧合。本书严格遵守中华人民共和国相关法律法规是一本正经合格小说。绝不含任何有关违法乱纪行为描写。我是中国人我爱中国。 玄武大陆的云壹因故意外穿越到地球，从此开始了他的地球逆袭求生之路。看一无是处的玄武流民如何利用自己的功法在地球大展宏图。疫情？我好像会治。劫匪？我能秒杀。战争？我能发财。道是有情却无情，只因烽烟起。利剑出鞘，却为苍生求太平。治大国如烹小鲜，村战一样要用孙子兵法。情节看似荒诞不经，却有迹可循。不一样的战争，不一样的视角，精彩还在继续，胜负还未见分晓。。你相信人会有两个灵魂吗？我相信，因为我的身体里，便有着两个灵魂。 前世你为我偿命，今世我为你的命！科学的尽头即神学。 世间万物甚至是至高的神也无法逃脱的循环，却是维持平衡最好的选择。 人类千方百计追寻的永生不死，却被他们的造物主视为尘土，我们的造物主也在追寻他们穷极一生也享受不到的。 神，长什么样子？它们在想什么？它们又将做什么？ 一个普通人类一瞬之间成为神，她又会为自己的举动承担怎样的后果？ 众神之上，还是众神。 江清修，一个刚出入江湖的少年，未及行侠仗义走遍天涯，便出师不利生死道消，却机缘巧合得以重生……
开局，我以登临巅峰 朱元璋：开局重生明末，横推女真！ 吾为道一 跨时空的救援 异界电梯人 朝仙道 丧尸末世：菜狗也怕死 位面使徒 三国：无双 三千界之屠龙令 玄神之上 初练 文明的异世界之旅 鲜为人知的的历史趣事 我被鬼养大 狐妖小红娘: 签到生活 曲折半生 济天： 富士山喷发后的高武世界 剑胆琴心有风骨 etc和信用卡是一回事吗 pos机刷信用卡交易终止 qq怎么找信用卡 pos机刷卡后认证信用卡 etc和信用卡是一回事吗 etc农行信用卡多久还钱 qq怎么找信用卡 qq上怎么开通信用卡吗 etc龙卡信用卡积分查询 qq上怎么找信用卡账单 cf怎么升级信用卡 cf怎么升级信用卡 etc信用卡没密码是多少钱 pos机刷信用卡交易终止 etc信用卡有利息吗 pos机刷卡后认证信用卡 9月1日信用卡 etc龙卡信用卡积分查询 etc办哪个银行的信用卡额度 etc信用卡有密码吗 pos机刷信用卡交易终止 gq信用卡取现手续费 etc跟信用卡的区别 master信用卡办理 qq上怎么开通信用卡 etc信用卡没密码是多少钱 etc龙卡信用卡积分查询 etc跟信用卡的区别 etc办哪个银行的信用卡额度 etc龙卡信用卡积分查询 pos机刷卡后认证信用卡 moto 消费 信用卡 IC信用卡不能刷? etc信用卡有利息吗 ETC信用卡卡怎样领月票 pos机刷卡后认证信用卡 IC信用卡不能刷? qq怎么找信用卡 pos机刷信用卡交易终止 qq申请信用卡在哪里看 qq怎么找信用卡 etc龙卡信用卡积分查询 qq上怎么开通信用卡吗 etc信用卡有利息吗 dq信用卡满60减30 etc办哪个银行的信用卡额度 etc信用卡有利息吗 qq怎么找信用卡 qq上怎么开通信用卡 etc信用卡没密码是多少钱 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 未来世界之宇宙法则 我在佣兵团守护全人类 此刻我独领风骚 复活之日 隐避修仙录 亚星官网 万利官网 欧博游戏官网 亚星官网 葡京官网 etc农行信用卡多久还钱 etc和信用卡是一回事吗 qq怎么找信用卡 pos机读取不到信用卡 moto 消费 信用卡 etc龙卡信用卡积分查询 cf怎么升级信用卡 qq怎么找信用卡 etc信用卡有利息吗 9月1日信用卡 etc办哪个银行的信用卡额度 etc信用卡消费记录查询 etc办哪个银行的信用卡额度 qq上怎么开通信用卡吗 etc和信用卡是一回事吗 gq信用卡取现手续费 pos机刷卡后认证信用卡 moto 消费 信用卡 etc信用卡有利息吗 dq信用卡满60减30 etc信用卡有密码吗 pos机刷信用卡交易终止 IC信用卡不能刷? etc信用卡有密码吗 qq怎么申请办理信用卡 gq信用卡取现手续费 pos机刷卡后认证信用卡吗 qq申请哪个信用卡好 pos机刷卡后认证信用卡吗 etc农行信用卡多久还钱