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
动物跳舞的动态图片大全集短发女生坐着图片大全毛衣女gif动态图片大全图片大全图片大全集美女表情动态表情带字图片大全可爱图片大全15少女萝莉内衣图片大全图片欣赏动物跳舞的动态图片大全集女图片可爱动漫图片大全图片大全图片毛衣女gif动态图片大全图片大全图片大全集女生抱狗头像高清图片大全360搞笑表情包图片大全美女唯美伤感背影图片大全动物跳舞的动态图片大全集皮肤黑班图片大全图片美女唯美伤感背影图片大全毛衣女gif动态图片大全图片大全图片大全集360搞笑表情包图片大全女人难过的自拍图片大全15少女萝莉内衣图片大全图片欣赏15少女萝莉内衣图片大全图片欣赏动态图片手机壁纸大全唯美图片大全霸气可爱男生头像带字图片大全2015美女可爱的图片大全大图片大全女生爱男生漫画图片大全图片大全图片大全动漫唯美图片伤感背影图片大全美女的人体动态图片大全大图片动画时尚图片大全集美女表情动态表情带字图片大全可爱图片大全非主流心碎图片大全动态图片手机壁纸大全唯美图片大全女头酷动漫图片大全图片黑与白的浪潮中，不知何人在低语……我想挣脱前往那星空的彼端，于暗羽中刻下文明的墓志铭。（不定期更新，更文极慢，请莫期待） 天地之间，你我存一 人去仙来，渡后方知 仁心相崩，礼乐亦损 万生万物，劫后方新 本书描写了葛二两跟师父须菩提学了三十六般变化和高超的武功，携孙悟空、猪八戒、关羽关云长穿越到亘古洪荒的年代，帮助蚩尤和黄帝争夺天下的故事。河流蜿蜒，密林深处，一处古老部落正在举行盛大的祭祀仪式，而我们最美丽圣洁的雅加娜女神也将降临，在这片古老神秘的土地上，将发生怎样动人美好的故事哪? 建文四年，朱棣拖家带口举兵造反，攻进应天府时，最疼爱的太孙朱瞻基却离奇失踪。 朱棣大怒，认为是建文乱臣所为，遂屠杀一万四千余建文乱臣及家眷，流放三万余靖难遗孤，以表对太孙疼惜之意。 …… 十一年后，一少年乱了朱棣心智，朱棣时常化作普通老头，与他一起打猎。 “老爷子，我真不是你孙子，我是从死人堆里爬出来的，没有亲人。” 朱棣听着朱辰的独白，禁不住就落泪了。 “谁说你没亲人，我现在告诉你，你爷爷是永乐大帝朱棣，你是大明皇嫡长孙。” 朱辰：“老爷子，您别骗我了。” 朱棣道：“不信也罢，我欠你一个盛大的复辟仪式。” 次日，应天府白日宵禁，万人空巷，十万大明铁骑进城，为首一人，正是那身穿铠甲，龙虎精神的老爷子！ 爷孙俩隔空对望一眼，朱棣一笑。 十万大明铁骑下马，恭敬跪地大吼：“恭迎大明皇嫡长孙回朝！” 田离穿越到异界，发现自己变成当地土著小国的神灵了，在万般无奈的时候激活神祇系统。 于是田离以神的身份，传播文明的种子，发展农业，商业。 从此休斯旦丁大陆，一个政教合一的大帝国冉冉升起。 “去吧！吾之子民，将万神之神帕丁·杰恩斯的福音传播到每一方土地！”田离庄重的说道。 一个巧合，一段经历。野微微因为一次意外被卷进了一个匪夷所思的世界。本是一个刚上高中的女孩确拥有了一种神奇的能力。 这是本现实的类似穿越类的小说。 讲述了关于“我”本是一个生活不易的普通人，但不知道什么原因拥有了两个人的思想，也就是两个人生于是决定为了找到人生的意义再拼一把的故事。 这是本作者的开山之作，所以我是很认真的去写，当然也会查阅大量资料只图它不会太超越大家的认知。 我也真切的喜欢大家能够喜欢这篇作品。 曾经他傻了五年，遭同村人排挤。 一朝清醒，他偶然获得医药传承。 难得一见的千年人参，他随手即可培育，从此开启了妖孽人生…… 医术渡人，丹药惊世！ 他玩转都市，最终却选择归隐乡野，成为全网膜拜的隐世药圣！大学生党员肖来秋和同学林知白利用暑假，到东北沿着祖辈肖光乾、肖光坤走过的路线，探寻两位革命前辈投笔从戎，为实现民族独立，人民解放的伟大理想，忘我奋斗的历史足迹。进而揭示出，为了完成中国共产党的历史使命，一代又一代共产党人进行了不懈的努力。既有老一辈革命者肖光乾，肖光坤等人的浴血奋战，也有生长在红旗下的高树屯的党支部书记陆昌永的艰苦创业，还有八零后大学生党员姚续的扶贫攻坚，以及广大理论工作者对无产阶级革命理论的坚持。进而绘就一幅中国共产党人跳出“其兴也勃焉，其亡也忽焉”的历史周期律，使党的基业坚如磐石，乾坤永续的壮丽画卷。
小智，你真的累死我啦！ 王者在上之灵域之眼 我握有一个黑夜世界 我家储藏室可通大秦 我在末世种个田 超凡双界 战歌擂 我的功法自带特效 古老吸血鬼 变异之吞噬之主 高武：我能查看人生剧本 苍生无极 天陨六星 我是李承乾 万世之无敌 谜书 反穿越之末世重生 来，让我碾死你们 守护者逆探大明 隋唐生活启示录 动画人物接吻图片动态图片大全唯美 360搞笑表情包图片大全 女人难过的自拍图片大全 15少女萝莉内衣图片大全图片欣赏 动画人物接吻图片动态图片大全唯美 动画小男孩可爱头像图片大全 霸气动漫高清头像 男生头像图片大全 女生发qq偷笑的表情图片大全 动画时尚图片大全集 皮肤黑班图片大全图片 女生爱男生漫画图片大全图片大全图片大全 女生爱男生漫画图片大全图片大全图片大全 动漫唯美图片伤感背影图片大全 360搞笑表情包图片大全 动态小表情图片大全下载免费 美女的人体动态图片大全大图片 霸气古代美女漫画图片大全 动画时尚图片大全集 短发女生坐着图片大全 动物跳舞的动态图片大全集 美少女背影手绘图片大全 毛衣女gif动态图片大全图片大全图片大全集 短发女生坐着图片大全 美女可爱的图片大全大图片大全 女生发qq偷笑的表情图片大全 动漫唯美图片伤感背影图片大全 动画时尚图片大全集 短发女生坐着图片大全 霸气可爱男生头像带字图片大全2015 动画时尚图片大全集 15少女萝莉内衣图片大全图片欣赏 美少女背影手绘图片大全 美女表情动态表情带字图片大全可爱图片大全 动物跳舞的动态图片大全集 动漫唯美图片伤感背影图片大全 美女的人体动态图片大全大图片 跑男萌照图片大全 霸气动漫高清头像 男生头像图片大全 动漫唯美图片伤感背影图片大全 跑男萌照图片大全 美女的人体动态图片大全大图片 女生高清可爱头像图片大全可爱 动态图片手机壁纸大全唯美图片大全 霸气古代美女漫画图片大全 美女唯美伤感背影图片大全 美少女背影手绘图片大全 女生爱男生漫画图片大全图片大全图片大全 美女的人体动态图片大全大图片 动漫无奈哭图片带字图片大全 女图片可爱动漫图片大全图片大全图片 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 坎坷修仙录 睫毛的闭合 不是一般的校园修仙 少年风云志 留守儿童之阿礼 万利官网 欧博官网 百家乐官网 万利官网 欧博官网 女生发qq偷笑的表情图片大全 女人难过的自拍图片大全 动漫唯美图片伤感背影图片大全 跑男萌照图片大全 动画人物接吻图片动态图片大全唯美 动态图片手机壁纸大全唯美图片大全 女生抱狗头像高清图片大全 美女的人体动态图片大全大图片 非主流心碎图片大全 女生高清可爱头像图片大全可爱 女生高清可爱头像图片大全可爱 美女可爱的图片大全大图片大全 美女可爱的图片大全大图片大全 跑男萌照图片大全 美女表情动态表情带字图片大全可爱图片大全 动物跳舞的动态图片大全集 女生发qq偷笑的表情图片大全 女人难过的自拍图片大全 动漫唯美图片伤感背影图片大全 毛衣女gif动态图片大全图片大全图片大全集 女头酷动漫图片大全图片 动漫无奈哭图片带字图片大全 女生爱男生漫画图片大全图片大全图片大全 美女表情动态表情带字图片大全可爱图片大全 动画小男孩可爱头像图片大全 女生发qq偷笑的表情图片大全 女生发qq偷笑的表情图片大全 动漫无奈哭图片带字图片大全 动态图片手机壁纸大全唯美图片大全 动画时尚图片大全集