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
热线软件win10一键关屏软件狼王手机红包软件授权码一维条码制作软件下载及安装珠宝管理软件破解版手机上怎么制作ppt软件最新原型软件狼王手机红包软件授权码南方软件算量火影邪轮眼软件驱动程序软件安转热线软件广联达钢筋算量软件免费版wodr软件修复狼王手机红包软件授权码火影邪轮眼软件flv视频无损剪辑软件下载adobe软件fladobe软件flppt用哪个软件比较好下载装饰照图片软件是什么adobe软件fl南方软件算量window 日历软件珠宝管理软件破解版2017什么软件可以约炮一维条码制作软件下载及安装window 日历软件什么软件可以编写html5广联达钢筋算量软件免费版天庭中的各类神仙，鬼魂化为人类前来报到。 男主杨贺和女主叶嫣也是由鬼魂幻化而来。 永远也不会让读者猜到下面的剧情永远是我的宗旨。 简介无奇，内容劲爆。 随着魔导士这一职业的出现，法师一职的地位越来越低，一场阴谋之下，法师彻底落魄，负罪的少年踏上重振家长的艰难路途，当他到达终点是，却发现这一切只是起点医理入武，自创玄虚魔体。 善恶一体，衍生七情六欲。 心火入刀，焚灭三毒四劫。 燹魔一叹，刀斩尘世百态。 慕容晓的父母已音讯全无三年有余，她甚是迷茫。在得到了师父无音师太的首肯之后，她决定亲自下山前去瓒州一探究竟。可谁曾想到，慕容晓刚一下山便遇到了重重阻碍。她和她的朋友们能否安然抵达瓒州？这一路上又会有什么巨大的阴谋在等着她？人在江湖有时真的是身不由己。是抱有希望继续向前？还是与伙伴们荣辱与共？慕容晓的心中已经有了她自己的答案…都说商场如战场，可是有多少人知道期货市场是战场上刺刀见红的前沿阵地？ 人生就像k线图，有阴线，也有阳线。 是怎样的人生经历，让男主角发出了“向左看，一目了然；向右看，一片茫然！”的感慨？ 请走进这部小说，走进书中人物的内心世界，一窥主人公在漫山遍野芬芳中的情感历程，回望期货市场波诡云谲的变化，体会一飞冲天的快乐，也品尝泥沙俱下的痛楚。 本故事人物﹑情节均为虚构，若有雷同，纯属巧合。朋友一般叫我枫音道人 敌人一般叫我疯阴老魔 其实大家可以叫我风影，风灵月影的风影重生在架空的大汉，刘贺一觉醒来，成了大汉的皇帝，原以为是穿越者的福利，殊不知…… 与历史上的汉废帝一样，刘贺将面对一千一百二十七条罪状，黯然离场！ 环视群臣，刘贺表示心好累。 左相梁冀，右相蔡京，帝师司马懿，太师董卓，吏部尚书严嵩，刑部尚书来俊臣…… 武将有：大将军何进，义子其一安禄山，另一吕布，还有朱棣，孙权，鳌拜，以及四方将军赵括、马谡、邢道荣、李广利。 以及分封各处的异姓王：吴三桂、孔友德、韩信等…… 后宫阵容更是豪华：东宫太后赵姬，西宫太后吕雉，皇后芈月，贵妃杨玉环，昭仪苏妲己，才人武媚…… 以及历史上祸国乱政必不可少的太监团队：东厂曹正淳，西厂雨化田，中车府令赵高，十常侍张让等…… 更兼外敌如大元、大满等虎视眈眈。 境内诸如黄巾军、梁山等反贼势力丛生。 天下会、天门等武林势力与护龙山庄朱无视等对峙…… 地狱开局，刘贺有心杀敌，无力回天！ 幸好，天命加身，得系统辅助，刘贺将借此，步步为营，成就千古暴君！ 未来世界，一款名为超神空间的游戏横空出世！ 人类可以自由进入超神空间，进行修炼升级打宝炼器，并且能在虚拟和现实中自由穿梭，将游戏中的等级和宝物带回现实！ 沈明为了救治母亲的癌症，踏入超神空间寻找药物，逐渐从一个人人喊打的小人物，成长成为天下无双的万界之主！ 枫立天是我的小学同桌,今年六月,我在学校里用一个日记本写一本小说,在班里特别有名,粉丝有十几,有一天放学,枫立天来找我,他帮我在网上更小说,六月末,我加入了17K,但他并没好好更,还删改内容,让我很失望,我只能把原本的拿出来更小影,拥有神秘身份和特殊能力的孩子,守护他/她所最关心,最友爱的家人和朋友们 形影不离的在伙伴和亲人们的身边，和他们一起去完成自己最正确的事情－－小影
王座上的木偶 时之帝君 天赐神机 全世界都变成怪物，除了我 重生异虫女王，回到2020 人族逆天路 巫术与机械之歌 天地玄宗 英雄联盟之峡谷大魔王 八十锤 重生最强丹帝 武都伏妖录 岩门村的传说，龙英的传说 风起长乐 武者修罗 剑神九幽 毕业后，我竟成了契主 关于无敌之后摆烂立宗这事 镇国神婿，重生老婆要杀我 我在绝地求生杀敌成神 软件强制电脑关机 qq群截视频软件 flv视频无损剪辑软件下载 adobe软件fl 软件强制电脑关机 win10是否支持迅雷下载软件 屠龙战记 刷元宝软件 挂机刷级软件 2017什么软件可以约炮 广联达钢筋算量软件免费版 南方软件算量 如何卸载win10自带的软件卸载程序 三菱plc3g解密软件 火影邪轮眼软件 手机上怎么制作ppt软件 珠宝管理软件破解版 屠龙战记 刷元宝软件 2017什么软件可以约炮 下载装饰照图片软件是什么 热线软件 qq群截视频软件 狼王手机红包软件授权码 win10一键关屏软件 wodr软件修复 火影邪轮眼软件 三菱plc3g解密软件 2017什么软件可以约炮 win10一键关屏软件 下载装饰照图片软件是什么 2017什么软件可以约炮 珠宝管理软件破解版 qq群截视频软件 能打乱文档的软件 热线软件 window 日历软件 珠宝管理软件破解版 能打乱文档的软件 flv视频无损剪辑软件下载 三菱plc3g解密软件 狼王手机红包软件授权码 一维条码制作软件下载及安装 al绘画软件是什么 ppt用哪个软件比较好 如何卸载win10自带的软件卸载程序 wodr软件修复 qq群截视频软件 如何卸载win10自带的软件卸载程序 一维条码制作软件下载及安装 什么软件可以编写html5 最新原型软件 亚星游戏官网 亚星官网 亚星官网 亚星官网 亚星官网 白鲸之梦 秦小乙反天记 抬头一片阳光 九州之帝 海贼之大地之神 万利官网 欧博官网 百家乐官网 万利官网 AG真人 驱动程序软件安转 qq群截视频软件 一维条码制作软件下载及安装 adobe软件fl 狼王手机红包软件授权码 al绘画软件是什么 屠龙战记 刷元宝软件 什么软件可以编写html5 一维条码制作软件下载及安装 软件强制电脑关机 手机上怎么制作ppt软件 安卓ppt制作软件 adobe软件fl 三菱plc3g解密软件 广联达钢筋算量软件免费版 广联达钢筋算量软件免费版 ppt用哪个软件比较好 手机上怎么制作ppt软件 window 日历软件 珠宝管理软件破解版 热线软件 挂机刷级软件 驱动程序软件安转 三菱plc3g解密软件 能打乱文档的软件 最新原型软件 ppt用哪个软件比较好 al绘画软件是什么 三菱plc3g解密软件 window 日历软件