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
好用ocr文字识别软件相机软件fv-5好用ocr文字识别软件jpg转化为cad软件超艺写频软件下载博赢软件2011飞利浦d633刷机软件好用ocr文字识别软件qq群拉人软件购买平面及效果图软件分析大小 单双软件好用ocr文字识别软件微信朋友圈点赞用什么软件天津方言 语音阅读软件3d（排三）过滤软件平面及效果图软件支付宝有自动加好友软件排列三助赢软件排列三助赢软件动态小猫耳朵的拍照软件唱歌软件tv排列三助赢软件qq群拉人软件购买昂达mp3管理软件超艺写频软件下载png转ico软件apkjpg转化为cad软件昂达mp3管理软件动态小猫耳朵的拍照软件微信朋友圈点赞用什么软件在一个喜气洋洋的大年夜,一道身影悄悄离开了这喧闹的街市,来到了一片莽莽榛榛的原野。他靠着一棵枯树坐下。这棵树的枝干早已腐朽,稍有动静便吱吱呀呀地叫个不停,给这寂静的原野添了一种神秘又略带诡异的色彩。 　　可是,他似乎并不介意。远处,低矮的灌木丛中,闪烁着一点点淡绿的幽光。这一定是那些萤火虫为路人点起的灯吧。 　　他又抬起头。漆黑的夜空上,挂着几颗明亮的星。当然,也有一些星星是那样的忽明忽暗,飘忽不定。它们，是为了什么呢? 　　他想着想着,最终仍是累了,倚靠着枯树沉沉地睡去。这时,地面上传来了一阵杂乱的脚步声,越来越近,越来越近,危险,就要来了啊。 　　 在这个没有传说的世界里，鬼怪们成了人们研究的最为诡异，而他们研究出了对付鬼怪的能力，主角却并不拥有这能力，可他才是结局亦是开始。镜花水月是一个虚幻的大世界，原来花月容就是那个沉睡的、姓庄的远古人。 觉醒的花月容，意味着镜花水月大世界的崩塌。 “花郝岳袁”组合，他们在一次次跌宕起伏的并肩战斗中，彼此产生了越来越深厚的感情羁绊。对于他们的不舍，花月容不得不有所抉择。 永生不死、绝对自由的造物主身份，花月容会放弃吗？……我的红颜知己，倾国倾城！ 我的后台靠山，权势无边！ 我的武功医术，举世无双！ 高中那几年，跟女同学的的千丝万缕，跟体育生的恩恩怨怨，跟其他学校学生的是是非非，虽然消失在时空，但还是想写点什么，留下些什么。 那些开心的岁月，那些流泪的时候，那些拥抱的感受，那些亲吻的镜头，那些疯狂的时候，那些难忘的温柔。 都在这万千文字之中。 纵然来去匆匆都是空，纵然红尘一场，只是梦。人生是场减法，见一次少一次。 记忆没有永恒，我用小说纪念我们。或凶杀，或自杀过的宅子，皆称之为凶宅。 市面上凡是地段上佳却又价格出奇低廉的宅子，皆出现过各种重大事故。 房主人为了打消购买者的疑虑，便会花重金邀请业内顶尖的试睡师破解凶宅传闻，同时化解凶宅内的凶邪离奇之事。 穷屌丝林飞误入试睡师行当，揭开一桩桩凶宅秘闻！什么？华夏守护神竟沦落成为一名小保安？ 　　林凡遵从师命意外展开保安生活，并结识了自己的未婚妻，从此开启了没羞没臊的装B生活。人，总有死掉的一天。 生病、意外、人为、自然死，甚至是命运，是人总有面对死亡的一天。 人死后无法转生便会成为妖怪。为一诺，走遍九天十地，守一人，战至魂散魄灭，不屈，正是少年！ 为情所动，因缘相聚，似世间多有不归人，半生，皆在途中！ 纵使天赋非凡，却难逃命运坎坷，强者为尊的世界里，谁都，未敢回首！ 爱他所爱，杀他该杀，男儿一世，枪断沧海，阵葬星云！
别把岁月留下 阳间摆渡人 浮世云游记：琼城 网游之百倍增幅 界脉天 开局赠送师妹机缘，获得暴击补偿！ 五彩凤尾 摩觉 上 俗人之算无遗策 南斗伏妖录 命途纪 七色之心 九阳医神 天生丹契 最高派遣局 御世独游 平生意 民间梦异录 四月的她 以凡入道决 桃子软件 工程量计算稿64位软件 支付宝有自动加好友软件 超艺写频软件下载 桃子软件 project软件64 强制防沉迷软件 如何把视频转化为文字软件下载 png转ico软件apk 打印软件免安装 qq群拉人软件购买 免得的录制软件 读取 微信 电脑文件的软件 工程量计算稿64位软件 博赢软件2011 超艺写频软件下载 强制防沉迷软件 png转ico软件apk 唱歌软件tv 好用ocr文字识别软件 工程量计算稿64位软件 3d（排三）过滤软件 相机软件fv-5 天津方言 语音阅读软件 平面及效果图软件 读取 微信 电脑文件的软件 png转ico软件apk 相机软件fv-5 唱歌软件tv png转ico软件apk 超艺写频软件下载 工程量计算稿64位软件 zeroday辅助软件下载 博赢软件2011 昂达mp3管理软件 超艺写频软件下载 zeroday辅助软件下载 支付宝有自动加好友软件 读取 微信 电脑文件的软件 3d（排三）过滤软件 jpg转化为cad软件 打印软件免安装 led改字体软件下载 免得的录制软件 天津方言 语音阅读软件 工程量计算稿64位软件 免得的录制软件 jpg转化为cad软件 读取 微信 电脑文件的软件 飞利浦d633刷机软件 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 爆笑Z班 最美神话 降魔秘典 凶兽降临，率领人族镇守九州 精灵：这个馆主不务正业 万利游戏官网 欧博游戏官网 欧博官网 万利游戏官网 AG真人 打印软件免安装 支付宝有自动加好友软件 桃子软件 支付宝有自动加好友软件 微信朋友圈点赞用什么软件 免得的录制软件 超艺写频软件下载 博赢软件2011 排列三助赢软件 唱歌软件tv 强制防沉迷软件 唱歌软件tv led改字体软件下载 桃子软件 唱歌软件tv 微信朋友圈点赞用什么软件 桃子软件 昂达mp3管理软件 zeroday辅助软件下载 昂达mp3管理软件 png转ico软件apk 动态小猫耳朵的拍照软件 飞利浦d633刷机软件 免得的录制软件 强制防沉迷软件 好用ocr文字识别软件 读取 微信 电脑文件的软件 好用ocr文字识别软件 平面及效果图软件 如何把视频转化为文字软件下载