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
联想笔记本电池充电次数软件景点语音讲解软件排名多个word转化成pdf的软件幼儿园学期测评软件用pstool烧录软件联想笔记本电池充电次数软件非凡群发软件下载多个word转化成pdf的软件ppt文档错误如何修复软件手机上最好用的电子书软件下载扫描软件、多个word转化成pdf的软件强大的exe软件修改工具扫描软件、带读软件手机上最好用的电子书软件下载图片编辑与合成软件有哪些格式加工厂软件怎样用格式加工厂软件怎样用电力做预算的软件光大证券交易软件ipad下载格式加工厂软件怎样用ppt文档错误如何修复软件ps怎么p手机软件特大点阵字库制作软件 微盘三维家云设计软件收费特大点阵字库制作软件 微盘ps怎么p手机软件电力做预算的软件强大的exe软件修改工具要炼药？不急，让我先算上一卦！要打架？不急，让我再算上一卦？要寻宝？不急，还得来一卦！ 手握乾坤卦，走遍天下都不怕！黄帝纪年5000年，地球面临危机，李轩携天道塔穿越玄黄大陆，化名李轩辕，得娇妻叶清璇，借助众仙传承一步步走向强大，太上老君的道德经，齐天大圣的火眼金睛，陆压散仙的斩仙飞刀……当他走出玄黄大陆时，降临盘古星域，踏上了寻找地球之旅，天道塔与修复地球，地球与玄黄大陆相通。天道意识守护地球，李轩辕便踏上了寻找众仙的路，冲破重重阻拦，终至乾坤圣界，携众仙之力，战胜乾坤圣主，后弃天道塔独身前往至高神界，寻找天道碎片，补全天道，以一己之力，踏遍无数小世界、三千星域、七十二圣界，至高神界九州，与神界主宰决战在无尽星空，神界主宰却一招败于李轩辕，两位巅峰存在竟一笑泯恩仇，原是那主宰以无尽分身游历诸天，早与李轩辕亦师亦友结为至交，最终主宰依旧掌控诸天，天道碎片也已集齐，但天道依旧选择守护地球，却看那天地最强李轩辕在地球携妻隐居。欲问此生何所求，踏诸天，问道巅峰，无愧于心，唯逍遥自在与美色长存。一块大陆上三个帝国的对抗 一次统一战争的过程 一次王朝的颓败与堕落 一次女主登临的时代 鹿死谁手，尚未可知……徐辰一朝穿越发现自己的的幸运值居然是满的？每次开卡别人白光一片，自己却时时出金，而且几乎都是战斗力又高，颜值又高的美少女？“不是你们也太弱了吧，连我卡灵一击都扛不下来啊！”众人满头黑线，你这幸运值开挂的人别人打得过？？？本书以各个小故事来叙述，类型应有尽有，可以让你哭让你笑，让你体会人生百态张启，一名高二的学生。母亲在一年意外去世了，父亲伤心过度之后被查出有精神疾病每天卧床不起。在很多地方都试过治疗父亲的病，却没有多大的效果。同时也欠下了许多债务。但张启并没有放弃父亲，周一到周五上课，周末有空就做做兼职，用来补贴家用，却远远不够。某一天，债主找上门来。知道张启没能力归还，便将他绑到小黑屋，准备咔腰子。但过了三天，却什么也没发生。于是张启变逃了出来，却发现大街上没有一个人。只见漆黑的夜空上。六道红光划过，从此张启的人生发生了巨大的改变。四大域，二十八州之地；风云静，云谲波诡不定。 天上，地下；花开，叶落；剑来，鹤去；心远，路近。 清风徐递，豪肠荡气。 仙侠问天地，君子温如玉。 遨游四海洒酒意，静待杯中茶香溢。 游人笑，昤昽照，山河错落星火耀。 修行道，漫浩浩，几许世间不热闹？ 人生几度，梦入星路。 所为何故？遗世万古。 夜暗终显天星辰，灯明始见一缕尘……楚歌在一次晋级赛中，意外穿越到了王者大陆，无意间卷入到了这个世界的纷争之中，在这个王者世界，身具系统妹妹，不，姐姐的他，终向苍天怒喊，神又怎样，人又如何，人终究能够弑神！刚穿越到文娱世界，杨墨就发现自己身边躺了个一丝不挂的小网红！ 外头的女星老婆更是疯狂敲门呵斥。 “杨墨！你给老娘滚出来！“ “有本事偷人，没胆量见我是不是！“ 于是乎，郁闷的杨墨发现，自己成了活生生的冤种！ 小网红没碰到，还被高挑的女星老婆摆了一道！ 唯一的目的就是离婚！ 离婚后，激活了系统的杨墨，无奈成了当下炙手可热的腿精高冷女神林婉璇的私人男助理。 上班第一天，又将女上司看了个精光！ 有了系统傍身，杨墨只能在“旧邀社区“注册了自己的ID”久邀秦先生“，从此开始了一发不可收拾的文娱巨擘之路！ 獬豸不想理你，并向你丢了一个奥利给
医道毒仙 刘小狗的罪恶人生 揭开一角的世界 九品道玄 娘胎签到：全世界都在阻止我出生 将军眉 俏无常 觉界：双子位面 这一世我再扬帆 大明：我的皇孙太强了 吾本凡胎 惊世绝俗 命运回响 如生手账 修真破天记 大离风云录 一身功夫闯校园 天蛊世界 黑暗之神成神之路 第三人称观 视频编辑软件 付费版 visio软件官方密钥 图片编辑与合成软件有哪些 用pstool烧录软件 视频编辑软件 付费版 批量去噪点软件 图片编辑与合成软件有哪些 施工翰文平面图布置软件 三维家云设计软件收费 在下载免费的音乐软件 免费办公软件xls 免费办公软件xls 鼠标虚拟软件 visio软件官方密钥 联想笔记本电池充电次数软件 用pstool烧录软件 日志服务器及软件下载 三维家云设计软件收费 佳宜合同管理软件破解版 多个word转化成pdf的软件 visio软件官方密钥 带读软件 佳宜合同管理软件破解版 扫描软件、 手机上最好用的电子书软件下载 鼠标虚拟软件 三维家云设计软件收费 景点语音讲解软件排名 佳宜合同管理软件破解版 三维家云设计软件收费 用pstool烧录软件 苹果5检测软件 幼儿园学期测评软件 联想笔记本电池充电次数软件 ps怎么p手机软件 特大点阵字库制作软件 微盘 幼儿园学期测评软件 图片编辑与合成软件有哪些 鼠标虚拟软件 带读软件 特大点阵字库制作软件 微盘 在下载免费的音乐软件 安卓adobe视频软件 日志服务器及软件下载 扫描软件、 苹果5检测软件 免费办公软件xls 特大点阵字库制作软件 微盘 鼠标虚拟软件 非凡群发软件下载 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 玄幻：一界之尊 九州第一仙 生存空间：我能看见提示 还魂小记 王二狗的妖孽生活 万利游戏官网 欧博官网 皇冠登3出租 万利游戏官网 快连下载 图片编辑与合成软件有哪些 扫描软件、 视频编辑软件 付费版 视频编辑软件 付费版 visio软件官方密钥 手机上最好用的电子书软件下载 格式加工厂软件怎样用 非凡群发软件下载 施工翰文平面图布置软件 佳宜合同管理软件破解版 ps怎么p手机软件 扫描软件、 强大的exe软件修改工具 批量去噪点软件 visio软件官方密钥 联想笔记本电池充电次数软件 扫描软件、 格式加工厂软件怎样用 景点语音讲解软件排名 景点语音讲解软件排名 visio软件官方密钥 visio软件官方密钥 用pstool烧录软件 格式加工厂软件怎样用 手机上最好用的电子书软件下载 强大的exe软件修改工具 免费办公软件xls 安卓adobe视频软件 特大点阵字库制作软件 微盘 三维家云设计软件收费