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
黄金宝宝药膏的说明书几个月宝宝会缺锌吗黄金宝宝药膏的说明书怀宝宝前一个月的症状吗剪断脐带宝宝有多疼家里有3岁宝宝可以养猫怀孕时宝宝先长什么原因是什么原因是什么原因怀孕用手感觉宝宝心跳加州宝宝泡泡浴真伪加州宝宝面霜使用方法怀孕五个多月宝宝胎动频繁黄金宝宝药膏的说明书怀孕梦见生宝宝是男孩还是女孩吗怀孕后期宝宝偏小一周怀孕用手感觉宝宝心跳加州宝宝面霜使用方法怀孕时宝宝先长什么原因是什么原因是什么原因是什么意思几个月宝宝哭会扁嘴巴几个月宝宝哭会扁嘴巴怀孕中期做彩超宝宝吗怀孕梦见生宝宝是男孩几个月宝宝哭会扁嘴巴加州宝宝泡泡浴真伪鸡年女宝宝名字小名剪断脐带宝宝有多疼家有宝宝能点蚊香吗怀宝宝前一个月的症状吗鸡年女宝宝名字小名怀孕中期做彩超宝宝吗怀孕梦见生宝宝是男孩还是女孩吗【我可以回家吗？】 【我让人找过了，提瓦特大陆不在这个世界，也就是说，你可能回不去了。】 【我需要回去，那里有我的朋友、战友……】 【我帮你，不过，你可能需要在这里呆一会儿，巴尔泽布，或者说，雷电将军小姐】 邹锦辉看着面前的女孩，露出了一丝微笑。 雷电将军想了想，点了点头。 因为 是这个人，在自己受伤和虚弱的时候，救了自己。 【那么，你想要什么东西报答呢？】雷电将军笑着问对方。 【以后再说吧】 邹锦辉看着她，笑了笑。一名高中落魄少年意外死亡，竟然离奇穿越被收养，多年后因战乱亲朋被杀，踏上修仙之路，寻找凶手复仇...... 间谍是一个非常古老的职业，从有战争开始的那一天起，间谍便是交战双方获取对方情报的唯一选择。有人说，间谍战是这个世界上唯一不会出现硝烟的战斗，可事实证明，没有硝烟的战斗在这个世界上几乎不存在，即便是暗地里的较量，同样充满血腥和牺牲。 我姓唐，叫唐城，你也可以叫我唐五郎。 我爹是军统，专门抓日本特务的军统，虽然他不在了，可小爷我也绝对不允许你们这些萝卜头活的逍遥。 这里是国统区，所以，这里没有你们存活的空间。如果你们非要来，那好吧，小爷我只好送你们统统下地狱。（因为我想写一个夫妻档的故事，所以前面铺垫比较长。这个一个用秘术较量的世界。） 每日四更 一群血气方刚的年青人，为了尊颜与恶霸抗争，为了生存不惜与朝廷分庭抗礼，杀贪官除恶霸，快意恩仇。然而面对外族入侵，国破家亡时，却义无反顾，投身抗敌前线杀敌立功，甘酒热血，谱写了一曲可歌可泣的英雄事迹！【模拟器系统】+【幕后大佬】+【密室逃脱】+【诙谐文风】。 这是一个既惊悚又搞笑的故事。 他永远能让玩家知道，什么叫生得自由，死得随机。 他也永远能让对手明白，什么叫以德服人，殡至如归。 他叫薛东！ 在这个平行世界里，他就是神一般的存在。 因为斜刘海，永远遮不住他右眼的哀伤，更挡不住他锋芒四射的魅力。 然而，他却更喜欢隐于幕后，默默操纵着他人的命运……秦洛昇穿越了，穿越到一个虚拟技术极度发达的平行世界。 进入《命运维度》，意外觉醒SSS超神天赋，获得升华之力和魅力值MAX。 当别人还在为爆出一件黄金装备而沾沾自喜时，他已经满身神装。 当别人还在小心翼翼的揣测NPC性格和喜好时，他已经和众多NPC推心置腹，各种隐藏任务，特殊职业，无敌技能，逆天装备，不要钱的给他送。 他只身闯荡上海，从一个乡下“小赤佬”混到租界督察长，成了上海风云一时的人物。 1938年8月18日，上海南京路上，几位报童在拼命地叫喊着：“快报！快报！特大新闻，陆大奎被刺杀身亡！快报！快报！”以此来招来顾客。 ...... 昨天下午3点光景，中央旅社三楼的一间房间里。青纱帐中，陆大奎光着身子正在与三姨太调情。“叮铃铃”突然电话铃声响起。陆大奎说了句：你奶奶的。伸手去接电话。 陆大奎不情愿地：喂！我就是。 听到对方强硬的口气，陆大奎的脸顿时阴沉下来，脸上的肌肉也开始绷紧。 陆大奎搁下电话，心中疑惑不定。上次打了蒋介石外甥俞洛民的一句耳光后，被淞沪警备司令部抓去坐了几天班房，好不容易托人求情捐了一架飞机才了事。今天又打来电话，肯定不会有好事。 陆大奎心神不安地赶紧起床，穿好衣服，带了一名保镖急匆匆地出了门。刚跨出中央旅社大门才几步时，迎面射来一串子弹，陆大奎和他的保镖还来不及拔枪抵抗，就倒在了血泊之中…… 诸天神域，有人为成神得道呕心沥血； 万族群雄，有人为权谋财富不择手段； 宗门林立，有人为天材地宝喋血杀戮； 江湖儿女，有人为挚爱甘愿守护一生。 在这五彩斑斓，错纵交织的大千世界，王辰自大庆王朝悄然崛起。 在诸天神域闯荡天地，和万族群雄把酒言欢，与江湖儿女海誓山盟，脚踏万千宗门，独断千秋万古，成就不灭神尊！“云雨流动，荡彻蛟龙；平震惊雷，境源成谷不知此何间汤泉亦在此。”江湖百年间，常流传于世，不管多少辈人更替，却总有人想寻到此。 太阳落于下，光阴散于间，常有人言“汤泉异宝，繁如星辰，连震于宫，进之者，必成一代宗师。”此佳话谈笑于风云之间，江湖代代相传，为矢后人子孙谨记。 径者事分二，其言只不过是其中的一半，石碑所雕后传为“得宝者，映汤泉，落阴黄泉，永世献不入堂，唯有善终其章，其予鬼神，方换一世圣德，此乃天间邢之问也；此旅之称，汤问！”
我真的只想躺平 仙不可测 不一样的科幻世界 南京，抱紧我！ 全球武魂：开局觉醒混元道宫 我在靖安司悬壶三十年 苍云落日 重生之我偏要苟 虚无军团 剑飞大陆 朱落星辰 皇城根下有妖 驭谋 苍天有眼，命数天定 重生之庶子凶猛 重生之火种计划 法之起灵 无计可施 魔煞：神魔之战 湮灭的火日 红霉素宝宝消炎药 几个月照肚子看到宝宝 怀孕时宝宝先长什么原因是什么原因是什么原因是什么意思 几个月宝宝哭会扁嘴巴 红霉素宝宝消炎药 加州宝宝作用 几个月可以宝宝出门 怀孕抠肚脐眼宝宝动 家有宝宝能点蚊香吗 怀孕梦见生宝宝是男孩还是女孩吗 加州宝宝泡泡浴真伪 混合喂养的宝宝每天要喝多少水 怀孕 像月经 红 宝宝树 几个月照肚子看到宝宝 家里有3岁宝宝可以养猫 剪断脐带宝宝有多疼 几个月可以宝宝出门 家有宝宝能点蚊香吗 怀孕梦见生宝宝是男孩 黄金宝宝药膏的说明书 几个月照肚子看到宝宝 怀孕用手感觉宝宝心跳 几个月宝宝会缺锌吗 怀孕后期宝宝偏小一周 加州宝宝面霜使用方法 怀孕 像月经 红 宝宝树 家有宝宝能点蚊香吗 几个月宝宝会缺锌吗 怀孕梦见生宝宝是男孩 家有宝宝能点蚊香吗 剪断脐带宝宝有多疼 几个月照肚子看到宝宝 鸡宝宝起名女 家里有3岁宝宝可以养猫 鸡年女宝宝名字小名 剪断脐带宝宝有多疼 鸡宝宝起名女 怀孕时宝宝先长什么原因是什么原因是什么原因是什么意思 怀孕 像月经 红 宝宝树 怀孕用手感觉宝宝心跳 怀宝宝前一个月的症状吗 鸡宝宝女取名小名 家里宝宝玩具太多了 混合喂养的宝宝每天要喝多少水 怀孕后期宝宝偏小一周 几个月照肚子看到宝宝 混合喂养的宝宝每天要喝多少水 怀宝宝前一个月的症状吗 怀孕 像月经 红 宝宝树 怀孕时宝宝先长什么原因是什么原因是什么原因 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 我本为圣 柒夜百物语 我真没想统一三国 震空 黑洞末 亚星官网 万利官网 欧博官网 亚星官网 AG真人 鸡宝宝女取名小名 几个月可以宝宝出门 怀孕中期做彩超宝宝吗 怀宝宝前一个月的症状吗 家有宝宝能点蚊香吗 家里有3岁宝宝可以养猫 怀孕梦见生宝宝是男孩 几个月宝宝哭会扁嘴巴 怀孕 像月经 红 宝宝树 怀孕梦见生宝宝是男孩还是女孩吗 怀孕梦见生宝宝是男孩还是女孩吗 怀孕五个多月宝宝胎动频繁 怀孕五个多月宝宝胎动频繁 怀宝宝前一个月的症状吗 剪断脐带宝宝有多疼 怀孕用手感觉宝宝心跳 鸡宝宝女取名小名 几个月可以宝宝出门 怀孕中期做彩超宝宝吗 鸡宝宝起名女 怀孕时宝宝先长什么原因是什么原因是什么原因 家里有3岁宝宝可以养猫 怀孕买宝宝保险 剪断脐带宝宝有多疼 鸡年女宝宝名字小名 鸡宝宝女取名小名 鸡宝宝女取名小名 家里宝宝玩具太多了 家里有3岁宝宝可以养猫 加州宝宝作用