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
印第安纳琼斯小说txt下载不良反应txt狄仁杰高罗佩txt独步一宅txt下载网盘十方天帝梁园月txt下载印第安纳琼斯小说txt下载乡村极品兽医txt下载狄仁杰高罗佩txt当强受遇到弱受txt三国演义白话txt全集下载龙宠未删节txt下载印第安纳琼斯小说txt下载三国之郭嘉重生txt穿越梁祝那些年txt下载狄仁杰高罗佩txt三国演义白话txt全集下载无限动漫录txt下载八零电子书黑道txt下载1黑道txt下载1亲亲我的狐王殿下txt魔性酷老公独宠顽皮妻txt下载黑道txt下载1当强受遇到弱受txt傻妻唐茵txt下载十方天帝梁园月txt下载txt下载年华荏苒念你如初独步一宅txt下载网盘重生之扑倒女神txt下载御赐痞妃王爷欠调教txt下载三国之郭嘉重生txt一九八六年，高光、吴宇、程思浩.....等青年，踏上社会，误入歧途的不堪往事。 那是一个特殊的时代，在那个时代的角落里，有那么一群人，发生了只属于那个时代的故事。 无论那些年，那些人，那些事，有多么的不堪。但是，它终究是发生了，属于那个时代的一个小小符号。 这个符号嵌入了那些人的青春乃至一生，当我们翻开尘封的记忆，往事有那么的不堪回首，可是我们仍然要记住它。用时代去理解，用时间来释怀！ 所有的故事都源自生活，所有的人物都不是个体，那是一群人在时间的长河中留下的一幅缩影。 今天来回忆那些故事，希望闻者宽，去者安，来者戒！不知源头何处的神秘星球，在芸芸众生皆不曾反映之际，降临到了太阳系地外虚空，遮天蔽日，扰乱了时分。而钟挺原本平凡无奇的人生也发生了翻天覆地的变化，不得不一直逆天而行······ 大道为络，天地作星，众生如子。一场谁也逃不开的博弈就此展开。 叩仙门，觅神迹，自是横刀向天笑！ 从小到大就相识，渐渐长大，体验人情世故，征战大陆 九檀大陆，三族鼎立，但是随着时间的推移，人族腐败衰落，鬼族为了重获新生化身为鬼器，兽族兽皇退位…… 但是，在兽皇嫡子的带领下，兽族愈加昌盛，统领兽族的九檀氏族，成为大陆第一家族。本作讲述的是如何在一个谎言构造，看似平等的宇宙中艰难的活下去。发现了真相后自我救赎的故事。岳峰，蓝星玩家联盟核心团第四军团长，180级六转大剑士。 在抵御异世界文明入侵失败蓝星彻底沦陷之际，他借助时空神器的力量携带游戏记忆重回三年前，【降临】开服前夕。 三年多的游戏生涯，让他知晓无数赚钱技巧、副本攻略、传说任务、装备出处…… 这些还不算，在第一次登陆游戏的时候，岳峰意外发现背包当中竟然携带了游戏中唯一的圣器《传承之章》。 凭借种种优势，岳峰在游戏中找回爱人，建立势力，统一游戏版图。 当三年后位面融合的时候，异位面降临者们悲哀的发现，等待他们的是游戏内攀升到了极致的工程学科技以及无数装备精良的玩家。 当团结一切力量消灭所有入侵者之后，岳峰发现，更大的挑战，还在后面……唐朝末年，侠盗并出，风云四起，天下大乱。 天山深处，冰雪沉封万物。 一个阳光明媚的早晨，雷天穹走出山洞，望望冷光四射的冰雪，猛然间抽出腰间那把鬼神胆寒的千魂刀，一声大喊，将丈外的一根冰柱拦腰斩断。然后，他飞身过去，舞动那把刀，在冰柱上剜、削、拔、点，不大一会儿，一个冰晶玉洁的“她”便展现在他眼前。 千魂刀，八年前，雷天穹是用来杀人的，而今天，雷天穹却用它做了雕刻的工具，刀锋过处，不但见不到一点杀气，反而令人为之动情。 世间的事就是这么奇怪，杀人的刀也会生出情来。 ……万峰穿越到了一个武道盛行的世界，同时这个世界妖魔盛行。 妖魔害人，鬼怪作恶…… 万峰觉醒系统，以一把刀在这个神诡世界杀出一条生路。 一刀劈开生死路，两脚踏出是非门。 蓦然回首，万峰发现自己已经横推了神诡世界。 在异能流行的世界中，源明空明明觉醒了异能，成为了1/500的存在，却根本无法使用异能。 直到异能觉醒的5年后，赴约路上的源明空遭遇了一场“主角专供”车祸，并获得了痛苦烙印。从此，他开始使用异能，并和一位总是与他吵吵闹闹的少女一起解决种种问题。“让你买丹药回来，你却成为了丹药师？” “让你请医师回来，你却成为了医师？” “让你去买大宝剑，你却成为了炼器师？” “出远门咋这么快回来了？啥？你成为了驯兽师？骑霹雳飞龙回来的？” “去趟淘宝馆，你咋淘回了这么多极品宝贝？啥？你又成了鉴定师？” “不好！赘婿中毒了！快……不用了，没事了，他又成为了毒师。” 易尘抱头，没办法，系统太强悍了！
修真神医在都市 洪荒之彼岸 剑道狂人 他在黑暗看着我 天门山 未来之无尽星穹 未来归零 镇魔师 啥！我直播间能见鬼 众神偏爱我们兄妹 我的道是最毒的 失踪的贝乐之鼠猫之战 禁羽录 万相复苏 命之陨 抱歉，这火我传不了 玄幻：开局神级随机系统 诡异？神明！ 陶三 我的前世记忆之太古山海 女配很纯洁txt400章 宫斗系统宠文txt 无限动漫录txt下载八零电子书 黑道txt下载1 女配很纯洁txt400章 改变的理由txt必读网 仙路争峰txt 国殇1txt下载 txt下载年华荏苒念你如初 三国之郭嘉重生txt 当强受遇到弱受txt 当强受遇到弱受txt 傻妻唐茵txt下载 三国演义白话txt全集下载 唐绾作品集txt 十方天帝梁园月txt下载 仙路争峰txt txt下载年华荏苒念你如初 魔性酷老公独宠顽皮妻txt下载 印第安纳琼斯小说txt下载 宫斗系统宠文txt 狄仁杰高罗佩txt 不良反应txt 穿越梁祝那些年txt下载 三国演义白话txt全集下载 傻妻唐茵txt下载 txt下载年华荏苒念你如初 不良反应txt 魔性酷老公独宠顽皮妻txt下载 txt下载年华荏苒念你如初 十方天帝梁园月txt下载 宫斗系统宠文txt 独步一宅txt下载网盘 印第安纳琼斯小说txt下载 傻妻唐茵txt下载 十方天帝梁园月txt下载 从良txt潇湘碧影书包网 仙路争峰txt 傻妻唐茵txt下载 从良txt潇湘碧影书包网 十方天帝梁园月txt下载 重生之弃妇归来txt 亲亲我的狐王殿下txt 剑圣天蚕土豆txt 穿越梁祝那些年txt下载 宫斗系统宠文txt 当强受遇到弱受txt 独步一宅txt下载网盘 御赐痞妃王爷欠调教txt下载 乡村极品兽医txt下载 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 如梦如真的两段人生梦 想与你携手度今生 猛龙出狱 聂远传 异境:再度崛起 快连下载 亚星管理平台 亚星游戏官网 快连下载 百家乐官网 国殇1txt下载 剑圣天蚕土豆txt 国殇1txt下载 宫斗系统宠文txt 三国之郭嘉重生txt 唐绾作品集txt 从良txt潇湘碧影书包网 狄仁杰高罗佩txt 无限动漫录txt下载八零电子书 重生之弃妇归来txt 无限动漫录txt下载八零电子书 改变的理由txt必读网 重生之扑倒女神txt下载 仙路争峰txt 龙宠未删节txt下载 重生之扑倒女神txt下载 亲亲我的狐王殿下txt 亲亲我的狐王殿下txt 不良反应txt 当强受遇到弱受txt 狄仁杰高罗佩txt 国殇1txt下载 三国之郭嘉重生txt 重生之弃妇归来txt 独步一宅txt下载网盘 女配很纯洁txt400章 傻妻唐茵txt下载 十方天帝梁园月txt下载 穿越梁祝那些年txt下载 十方天帝梁园月txt下载