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下载有许多吸血鬼男主和一位女主血猎的所有小说里面有的吸血鬼是明星汤姆索亚历险记 小说主题好看的小说 现代如嫣如烟 红九 小说女人你被捕了 小说男主角被抓去做杀手 最后只有2个人逃出来玄幻恶搞小说瘟仙小说穿越之未来异时空 兰儿铃 小说有的人穷困潦倒，有的人纸醉金迷，万般皆是命，半点不由人。 给你一个机会，让你重新选择你的人生，在这里，你可以获得财富、地位、美女、跑车，一切按照你的设定来重新选择！走进这本书，感受万千人生下的千滋百味！十年前，滨海第一大家族林家一夜之间被灭族，唯一幸存者林玄被一路追杀，所幸危急时刻被一个小女孩救下，北上逃难。 十年后，林玄成为一代王者，但却在加冕当天卸下王冠，回到滨海......本人，小说迷，看着世界许多小说，我也手馋想些一本，留于时间。不喜勿喷，谢谢。作品将持续更新，以细腻的角度独特的视角来讲述你所不了解的大宋故事以及你所了解的大宋故事中的你所不了解的细节 本书语言风格幽默，学习当年明月，飘雪楼主，六神磊磊的写法平民视角看大宋的力作，白话正说宋代故事无数年前，三界强者们为阻止域外来敌，纷纷踏上神魔轮回路，却遭人算计，主角在最后时刻施展神魔转体大法以天地真灵之躯转世重修。回归后却发现和他一起踏上神魔轮回路的强者们的家族和宗门皆已没落，主角无奈道，罢了，曾经的辉煌本座带你们重走一遍。这一世主角不在仁慈，战天庭，踏佛国，闯九幽。既然不去守护三界，那你们就别占着这三界的气运了。符文本应该是自然的烙印，却成为掌控者专属的能力，且看尤白礼在这个异界大陆如何挣扎成长。孩子们。来自秘密研究所的他，救下了感染者，成为了感染者，只是他并没有意识到，作为一个具有自我意识的感染者“Zarus”，对人类、对未来究竟意味着什么。 我们真正的威胁难道仅仅只是“丧尸”而已吗？不，在一个用被人遗忘的“神迹”，去创造通透至纯的“神性”的故事之后、在所谓的“病毒”的夹缝之中，隐藏着一道延续了五百年之久的波纹，它于潜意识的海洋，能指链的波涛之中，不死不灭，永存于贪婪感染者之间……而今，它或将改变世界。 所以，在即将覆灭的戒律，濒临崩坏的文明之下，人类到底会成为什么呢？就请对这份谵妄拭目以待吧…… ——“Fiat justicia et pereat mundus.”“乐极山”——世界的最高处。它气势逼人，令人望而生畏。传闻在那乐极山之后便是快乐的天堂，没有饥饿、痛苦、寒冷的地方，更重要的是：在大山之颠，矗立着一把能够杀死魔王的神剑！ 可是到达山顶的人却是屈指可数，没有人知道失败者去了哪里，成功者到了哪去。可那仙境的诱惑，帝王的悬赏和能够斩杀魔王的力量仍然吸引了无数来访者。 上代勇者，堂滉便是其中之一。 那时的他血气方刚，拥有异人的力量与胆识，一手斩魔剑无人能敌，能只身在魔王军中杀个七进七出。同时，他还是一位浪漫的诗人，留下了数不胜数的令少女春心荡漾令少男热血沸腾的诗歌，甚至还在人类世界掀起过一阵诗歌热。 可是，他给世人留下了唯一的子嗣后便带领一众热血爱国者踏上了去“乐极山”寻找那能斩杀魔王的神剑的路，并再无音讯。 用音译法翻译过来后，他的子嗣名叫堂初清——双日凌空，神秘再现，在科技崩溃的废墟中，万物迎来了无限进化！ 穿越而来的沈凌，激活了自己的无限世界模拟器。 只要是花费足够的能量，就能够获得在模拟世界中得到的修为、武功和物品！ 于是，在小李飞刀的世界中，沈凌获得了小李飞刀！ 在大唐双龙的世界中，沈凌修成了剑心通明！ 在蜀山的世界中，沈凌拿到了化血神刀！ 在洪荒的世界中，他夺取了诛仙四剑……
耀世九乾坤 无字天书之仁武天下 我的队友非人哉 穿越来的少年宗主 全能小神农 十方：是你们逼我称帝的！ 天启皇帝 夜辉之暗月之光 异能：我从天界下凡来打工 神契假面 九品武尊 末日乱世求生 驭心志 全球高武：刷怪成神，我打穿了人类禁区 血色演绎 大清帝国崩溃的前奏 神鬼莫判 暮洛书签 彼岸途 俗世仙山 如嫣如烟 红九 小说 黄龙轩辕诀 黑了木耳 小说 人生如此 小说 韩东小说 在线阅读 主角男扮女装的小说 男主角被抓去做杀手 最后只有2个人逃出来玄幻恶搞小说 大穿越时代 小说 天宸小说 嫡妃 小说作者: 舞衫歌扇 重生之狙击成神录 年少不帅 小说 魔法钱包 富人不会告诉你的8个金钱秘密 txt全集小说下载 魔法钱包 富人不会告诉你的8个金钱秘密 txt全集小说下载 汤姆索亚历险记 小说主题 黄龙轩辕诀 黑了木耳 小说 恋恋不忘 蓝白色 小说 好看的小说 现代 总裁的专属情人 茶鱼 小说下载 如嫣如烟 红九 小说 全本军婚系列小说免费下载 txt 电子书 仙剑二小说 穿越汉朝当皇帝 萝莉控 小说 仙剑二小说 全本军婚系列小说免费下载 txt 电子书 天元 小说txt下载 先谈情再说爱 小说 小说 一世长安 如嫣如烟 红九 小说 全本军婚系列小说免费下载 txt 电子书 午夜激情小说 娇妻 如嫣如烟 红九 小说 韩东小说 在线阅读 穿越汉朝当皇帝 萝莉控 小说 女人你被捕了 小说 恋恋不忘 蓝白色 小说 汤姆索亚历险记 小说主题 好看的小说 现代 女人你被捕了 小说 大穿越时代 小说 汤姆索亚历险记 小说主题 终极情欲 小说 好看的小说 现代 天宸小说 瘟仙小说 总裁的专属情人 茶鱼 小说下载 小说夏铭 穿越汉朝当皇帝 萝莉控 小说 魔法钱包 富人不会告诉你的8个金钱秘密 txt全集小说下载 好看的小说 现代 小说 一世长安 人生如此 小说 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 我！帝皇侠！胖揍钢铁侠 我在末世，我叫刘意 天下珍藏 璃水的雪 不正经的魔导师 快连下载 亚星管理平台 亚星游戏官网 快连下载 百家乐官网 魔法钱包 富人不会告诉你的8个金钱秘密 txt全集小说下载 恋恋不忘 蓝白色 小说 黄龙轩辕诀 黑了木耳 小说 重生之狙击成神录 年少不帅 小说 天宸小说 女人你被捕了 小说 主角男扮女装的小说 汤姆索亚历险记 小说主题 好看的小说 现代 天元 小说txt下载 好看的小说 现代 总裁的专属情人 茶鱼 小说下载 韩东小说 在线阅读 穿越汉朝当皇帝 萝莉控 小说 大穿越时代 小说 仙剑二小说 瘟仙小说 天宸小说 魔法钱包 富人不会告诉你的8个金钱秘密 txt全集小说下载 午夜激情小说 娇妻 有许多吸血鬼男主和一位女主血猎的所有小说里面有的吸血鬼是明星 天宸小说 恋恋不忘 蓝白色 小说 好看的小说 现代 午夜激情小说 娇妻 孕夫二嫁 袁若寒 小说 重生之狙击成神录 年少不帅 小说 男主角被抓去做杀手 最后只有2个人逃出来玄幻恶搞小说 穿越之未来异时空 兰儿铃 小说 大穿越时代 小说