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
韩熙载夜宴图 邮票水浒邮票价格84年的鼠邮票邮票j90两张价格中国十二生肖邮票 铜章韩熙载夜宴图 邮票最佳邮票评选纪念张84年的鼠邮票邮局卖邮票吗邮票 兔小版毛泽东诞生120周年邮票韩熙载夜宴图 邮票吴作人熊猫邮票毛泽东诞生120周年邮票84年的鼠邮票邮票 兔小版中国女排邮票三轮生肖邮票发行量三轮生肖邮票发行量第一套十二生肖邮票富春山居图邮票市场价格三轮生肖邮票发行量邮局卖邮票吗j147邮票中国十二生肖邮票 铜章三轮生肖邮票真假邮票j90两张价格十二生肖邮票册牛郎织女邮票小本票吴作人熊猫邮票尘寰外，碧海中，桃花之间桃花岛。秋风起，海波兴，几度潮来听玉箫。且看东邪黄药师传人，如何纵横都市。满天神佛朝我跪拜，天下美女唯我独揽！已完本，放心阅读。 深渊之下，一双双非人的眼眸兀然睁开，紧盯着我的身体，身体就像是被施了定身术一般，难以动弹，根本来不及多想，我只知道头也不回地向前跑去。 跑着跑着，慌不怿路的我被一根破烂不堪的白骨绊倒了，被绊倒的我迅速地从地上站了起来，却发现竟不知从何时起，我早就已经沦为了一直追在我身后的怪物之一。 “这里是哪里？身后的这些可怕的怪物又是从哪里来的呢？”无尽的疑问在心底升腾而起。 眼前发生的这一切究竟是梦境还是地狱？身负幽冥之躯，九天琉璃之体，掌九大灵珠，握光明圣剑，娶上古仙皇为妻，仙恒大帝齐恒将会经历怎样的开挂修炼之途？ 在这个充满灵气的世界里，以灵力修炼突破自身灵穴的被称为灵者。灵者共有100灵穴，十大境界。 白丁（1-10）穴、银兴（11-20）穴、金希（21-30）、恬玉（31-40）穴、宏阳（41-50）穴、灿星（51-60）穴、圣朝（61-70）穴、龙仪（71-80）穴、王隐（81-90）穴、天尊（91-99）穴。天尊共分为清、星、玄、圣四境。圣境共有九环，破五环者，号半仙也。 而修炼圣灵之力的灵者们的尽头并不止于此，而是真正的脱离凡人之躯，得道升仙，执掌生死、无人能敌！ 我欲修仙破天穹，世间唯我一英雄！一个初入社会的普通大学生，如何凭借这自己的头脑和魄力，在传奇世界里掀开一页属于自己的传说。三个穷困少年逆袭成功的故事 乱世之中，必出能人异士，开宗立派，而今，吾便是天佑至尊。俗话说，天机不可泄露，那么何为天机，天机为何不可泄露？天机如果泄露了又会怎样？不知你是否发现，身边的某些人与他人是不同的，这种不同表现在有些人天赋异禀，有些人天生异象，同样的事不同的人看法不同，甚至完全相反。你知道你自己是怎样想的，却不知道别人是怎样想的。本书致力于讲关于天机的故事，让你领略不一样的天机！这个战火纷飞的时代 没有正义、也没有邪恶，只有无止境的杀戮与复仇 没有光明、也没有黑暗，只有道不尽的无奈和愤怒 罗恩·卡史诺连列斯 —— 黑夜女神的召唤师，有着过人的法术天赋，本应在军中成就一翻事业，却只求安乐、无忧无虑地过日子。他讨厌战争，热爱旅游，喜欢自由自在的感觉。随着禁忌之书《诸神的日记》浮现于世，古神的秘密渐渐被揭晓，当信仰破灭时，罗恩将如何决择呢？ 凯恩·列顿 —— 太阳神辛纳的圣骑士，自信爆棚的年轻上尉。正义，善良的他深受上司赏识在军队中扶摇直上，与他同期出身，一同打拼的战友却一个接一个的倒下。最终他扎进骑兵领主之列，事业攀上高峰。身处军中，他看尽了皇室贵族的丑陋和迂腐。当立宪、共和的声音在帝国蔓延时，凯恩将如何决择呢？ 滴血的长矛、飘烟的枪管终将指向何方，在漫天烽火的日子里，谁也无法掌握自己的命运。武道世界，强者为尊。梵天君临，诸天万劫，唯我独尊。庆历八年，官场新秀王安石在小县城里猥琐发育，老油条欧阳修在山旮旯里公然摸鱼，小吃货苏东坡还在家披麻戴孝，宅男曾巩搁屋里带娃，二大爷范仲淹被撵的到处跑，理工男宁晏在家调戏大哥小姨子……
殒 途 苍生令:万族之主 星际元帅在七零 仙凡古道 命运之轮：纷争 舌尖上的神诡游戏 十一殿 这，是我们的世界 只想当山贼的我怎么一统天下了 Revenge the end 夜灭使者 那位孤高的神王，为您加冕 黄小天的日常 敢动我闺女，找死 质子之危 师门被灭，我加入六扇门镇压天下 万兽怪谈之羊女 修真破天记 亡灵支配者 侃爷历险记 56个民族大团结邮票 水乡邮票价格 中国女排邮票 三轮生肖邮票发行量 56个民族大团结邮票 羊年邮票图片 第四套人民币邮票珍藏册 姜伟杰 邮票 三轮生肖邮票真假 吴作人熊猫邮票 邮局卖邮票吗 邮局卖邮票吗 j147邮票 邮票 兔小版 中国邮票纪76 中国十二生肖邮票 铜章 第四套人民币邮票珍藏册 三轮生肖邮票真假 富春山居图邮票市场价格 韩熙载夜宴图 邮票 水乡邮票价格 84年的鼠邮票 水浒邮票价格 四大发明邮票 姜伟杰 邮票 j147邮票 三轮生肖邮票真假 水浒邮票价格 富春山居图邮票市场价格 三轮生肖邮票真假 三轮生肖邮票发行量 水乡邮票价格 邮票j90两张价格 韩熙载夜宴图 邮票 j147邮票 中国十二生肖邮票 铜章 如何收集邮票 第四套人民币邮票珍藏册 j147邮票 如何收集邮票 中国十二生肖邮票 铜章 奥运大福娃邮票价格 第一套十二生肖邮票 国际邮票展览 四大发明邮票 水乡邮票价格 邮局卖邮票吗 邮票j90两张价格 牛郎织女邮票小本票 最佳邮票评选纪念张 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 快刀行 逍遥才子 廉颇传奇 我真的不是绝世高人啊 转生为哈士奇 澳门葡京游戏官网 AG真人 快连下载 澳门葡京官网 欧博游戏官网 j147邮票 邮票 兔小版 邮局卖邮票吗 水浒邮票价格 前苏联列宁邮票60年代的价格 吴作人熊猫邮票 韩熙载夜宴图 邮票 中国十二生肖邮票 铜章 吴作人熊猫邮票 最佳邮票评选纪念张 吴作人熊猫邮票 j147邮票 最佳邮票评选纪念张 国际邮票展览 第四套人民币邮票珍藏册 邮票 兔小版 毛泽东诞生120周年邮票 前苏联列宁邮票60年代的价格 第一套十二生肖邮票 84年的鼠邮票 韩熙载夜宴图 邮票 56个民族大团结邮票 姜伟杰 邮票 最佳邮票评选纪念张 三轮生肖邮票真假 羊年邮票图片 三轮生肖邮票真假 四大发明邮票 羊年邮票图片 牛郎织女邮票小本票