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
免费下载韩文办公软件2010看现场软件免费下载韩文办公软件2010怎么查看软件站cpu淘宝分账号有什么软件登录办公电脑安装什么杀毒软件重复的文字图片软件免费下载韩文办公软件2010宝宝涂鸦软件电脑版管理手机的er软件自动回车回复软件免费下载韩文办公软件2010tc-1000写频软件中学生教学软件下载四年级金太阳智能软件管理手机的er软件金簿财务软件破解版下载软件查苹果手机号码定位系统软件查苹果手机号码定位系统手机用照片合成软件小米抢购有什么软件软件查苹果手机号码定位系统宝宝涂鸦软件电脑版pc端教育触摸软件下载淘宝分账号有什么软件登录天天北京赛车软件下载怎么查看软件站cpupc端教育触摸软件下载手机用照片合成软件tc-1000写频软件我本无意争锋，却被迫推上高位，在血与火中，一步步走到天的举世瞩目的高度，那么就剩下天了......来自他的故事传奇。亲人离我而去，我从牛马蝇螟到一人之下，从微末之间到庙堂之上，从武斗到兵斗，再从兵斗到政斗，我战胜一切，却毫无收获，亲人留给我的是什么？我该如何拯救这一切，包括我自己？林尘做梦也没想到，给自己戴绿帽的女人不仅百般羞辱他，甚至还要抢夺他女儿的心脏！ 对爱情彻底失望的他，更没想到，这世界上还会有这样一个女孩，愿意为他付出一切！ 在那重重包围中，他鲜血淋漓。 我今天就要带走她，我看谁敢拦我！能斩敌人百万雄师，却对她无能为力！ 妻！是我的妻！ 　　 怨我、恨我、仇深似海！ 无论如何弥补，都无法填平，婚前抛弃带给她的蚀心伤害！ 这一生，只为获取她的原谅，哪怕是…… 　　 每一天都发狂！ 本来是一个小小客服被神选到了小说世界，没想到系统来晚了害我白等了十五年 没想到吧系统重启直接重新开始，黑暗森林我带着系统回来了！描述大靖王朝的英雄将淮北葵花王朝所有反叛的人一一诛灭的事苏霁尘被系统给坑了，在娘胎里面一待就是十年。 【叮，签到成功，获得至尊剑骨】 【叮，签到成功，获得混沌道体】 【叮，签到成功，获得不灭金身诀】 【叮，签到成功，获得斩天拔剑术】 那一日，紫气横盖三万里，至尊降生。 混沌道体，手持祖剑，身上不灭金身，至尊剑骨让万族臣服。 十年之期满，苏霁尘降生。 苏霁尘：“太强了不给出生？我反手就将老娘堆成仙！” 如果给你一次机会回到高中，你会做什么？好好学习还是……她？预言之人都说吾不人、不妖、，此生与巅峰无缘，吾不信：“吾之命运，尔等无法预测，尔等说吾与巅峰无缘，那吾便越巅峰，众生视为疯魔，却不知吾以魔为名。”(书群677328323)懦弱注定会被人所瞧不起，只有鼓起勇气才能登上人生的巅峰，不忘初心，为自己的理想而战，站起来吧少年！
寒阙传 镇魔师 独行山海 真实网游之启源 万相复苏 吟剑逍遥行 繁局 我的老师吴泽英 王二浪的幸福生活 大秦纪 大唐：李二冒充我父亲 我师兄是天道之子 自由勇者的异世界冒险 林大厨的故事 游戏太菜，死后入游戏地狱 大古剑仙 白鲸之梦 灵笼世界 穿越之我有修仙系统 大荒祖龙诀 卸载软件插件 kies air装软件下载 金簿财务软件破解版下载 淘宝分账号有什么软件登录 卸载软件插件 系统软件 表格 金簿财务软件智能版下载 设置主题软件下载 天天北京赛车软件下载 tc-1000写频软件 宝宝涂鸦软件电脑版 如何在电脑上下载声音的软件下载 cdr9.0软件安装包 kies air装软件下载 办公电脑安装什么杀毒软件 淘宝分账号有什么软件登录 金簿财务软件智能版下载 天天北京赛车软件下载 小米抢购有什么软件 免费下载韩文办公软件2010 kies air装软件下载 四年级金太阳智能软件 看现场软件 中学生教学软件下载 管理手机的er软件 cdr9.0软件安装包 天天北京赛车软件下载 看现场软件 小米抢购有什么软件 天天北京赛车软件下载 淘宝分账号有什么软件登录 kies air装软件下载 卫星定位器追踪器软件 办公电脑安装什么杀毒软件 pc端教育触摸软件下载 淘宝分账号有什么软件登录 卫星定位器追踪器软件 金簿财务软件破解版下载 cdr9.0软件安装包 四年级金太阳智能软件 怎么查看软件站cpu 哪种看图片的软件好用吗 文件管理软件免安装版 如何在电脑上下载声音的软件下载 中学生教学软件下载 kies air装软件下载 如何在电脑上下载声音的软件下载 怎么查看软件站cpu cdr9.0软件安装包 重复的文字图片软件 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 死亡盗寂时 我的兄弟是马超 我的眼睛一仙一魔 女神妇好 仇抱 欧博官网 快连下载 欧博官网 澳门葡京官网 欧博官网 宝宝涂鸦软件电脑版 金簿财务软件智能版下载 免费下载韩文办公软件2010 宝宝涂鸦软件电脑版 看现场软件 文件管理软件免安装版 看现场软件 哪种看图片的软件好用吗 天天北京赛车软件下载 哪种看图片的软件好用吗 软件查苹果手机号码定位系统 tc-1000写频软件 cdr9.0软件安装包 金簿财务软件破解版下载 手机用照片合成软件 软件查苹果手机号码定位系统 办公电脑安装什么杀毒软件 手机用照片合成软件 设置主题软件下载 文件管理软件免安装版 四年级金太阳智能软件 管理手机的er软件 卫星定位器追踪器软件 办公电脑安装什么杀毒软件 淘宝分账号有什么软件登录 看现场软件 金簿财务软件破解版下载 卸载软件插件 中学生教学软件下载 怎么查看软件站cpu