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
开封发展史论文孔子的因材施教的论文军事谋略艺术论文拒绝安逸议论文就业论文的题目开封发展史论文课外活动的论文英语军事谋略艺术论文空气质量毕业论文课程论文范文在哪找就业指导论文自我分析军事谋略艺术论文课程论文字号间距就业指导论文自我分析军事谋略艺术论文酒店毕业论文大全课外活动论文(强度)就业论文的主题就业论文的题目开放沿海港口城市论文科学设计教学流程论文就业论文的主题空气质量毕业论文开放发展2000字论文就业论文500字左右控制自己的情绪论文就业论文500字左右开发雄安新区的论文开放沿海港口城市论文课外活动的论文“爸爸，我想妈妈。” 穿越平行世界，突然多了一个可爱的女儿，孩子她妈竟然还是个大明星…… 站在好声音复活赛擂台前的李辰有点懵逼！ 这下可闹大了，怎么哄小萌娃？怎么让孩子她妈回来？ 好在李辰带着地球上的文娱记忆，一切都变得简单了起来。 孩子闹了，给她讲讲地球上的故事，但一不小心故事就火遍了网络。 孩子她妈不肯回家，给她唱一首《月亮代表我的心》，不仅感动了老婆，还莫名其妙的拿到了金曲奖。 面对众多记者提问创作思路，李辰只说了一句…… 不好意思，我只是想让我老婆回家奶娃！本书描写了葛二两跟师父须菩提学了三十六般变化和高超的武功，携孙悟空、猪八戒、关羽关云长穿越到亘古洪荒的年代，帮助蚩尤和黄帝争夺天下的故事。古陵穿越仙武世界，成为道宗被废弟子。被打入禁地渊薮，觉醒签到系统。 “叮！签到成功，恭喜宿主获得先天圣体道胎！” “叮！签到成功，恭喜宿主获得元辰精神术！” 一百年后，修行界大乱，在古陵走出禁地的时候，豁然发现，自己举世无敌。大正十五年，由于太子之位相争，而在皇领的都城中都引发的一系列杀人案，凶手如同是恶魔，这些案件和十五年前的东林门兵变牵扯，使得案情更加的波谲云诡，负责查案的姜弘羊拨开迷雾，才使得真相大白。出生农村的我，小学出众，初中还行，高中普通，最后高考一个普通的211，不知为何，我回到了初三毕业的那一年……遇见了那个惊艳我今生的她家族被害，被迫赶出家门，未婚妻不离不弃，苦苦等待！ 归来时，武道巅峰，冷酷和温情并存，掌控天权，复仇开始！他生长于大山中，这里有青翠的山、灵润的水、湛蓝的天空......后来，他住进城里，那是另一个完全不同的世界，尽管生活质量完全不可同日而语，可他依然忘不掉，那个窄窄的木栅栏上托着夕阳的一抹鲜红......渡劫失败，慕辰意外的来到了一个以武为尊、以气运为荣的苍穹大陆。 他是慕家的三少爷，是一个经脉不通，努力无果的废柴。 被退婚…… 被看低…… 被戏耍…… 这里除了他爷爷，没有一个人欣赏他，看好他。 那又如何，凭借留在记忆里的混沌阴阳诀，他以武力破苍穹，成千古大帝。更夺百家气运，凝丹长生。［友情提示：本书没有系统，搞笑玄幻，情节紧凑，热血有脑，后面更精彩！］ 叶泽执行任务时被同行的师兄暗下杀手，走投无路跳入禁地烈风洞，幸得随身玄天玉显威相救。 后得美人画卷，为了你，我愿意与天地为敌！ 穿越玄幻世界的姜恒，觉醒潜能升级系统，可用潜能点无限升级修为和功法。 【铜像功】升级为【万劫不灭金身】 【疾风步】升级为【虚空大挪移】 【追光剑】升级为【灭天绝地斩神剑】 【碎岩拳】升级为【寰宇大绝灭】 修为：凡境升级为真神境 直到某天。 姜恒身躯一震，虚空破碎，法则紊乱！ 一拳轰出，星辰陨落，漫天神魔尽皆湮灭！ 本书又名：《开局揍哭小师妹，我升级了！》《越级刷怪升级真快》
宗主真乃神人也 重生之狂暴火法 宗门养成：我的弟子都是主角模板！ 风入松歌 玉与铜臭 苟且偷生猥琐发育 阴阳，五行诀 异世界驭灵使 剑凌逍遥 重生华夏：灵域归途 亡命遗书 剑道圣师 全球进化：无敌从重生开始 凰烬传 重生之我是大主播 带着师妹讨生活 六界圣魔录 围猎游戏 网游：系统送我神秘技能！ 九牧 控制自己的情绪论文 酒店毕业论文大全 课前准备的论文 就业论文的题目 孔子的因材施教的论文 开发雄安新区的论文 课前准备的论文 课程论文格式模板范文 空调设计毕业论文 课程论文字号间距 空气质量spss论文 空气质量spss论文 开放发展2000字论文 酒店毕业论文大全 开封发展史论文 就业论文500字左右 空气污染有关的论文 控制自己的情绪论文 科学人性化 议论文 军事谋略艺术论文 酒店毕业论文大全 军事谋略艺术论文 科学人性化 议论文 就业论文的主题 课程论文范文在哪找 开放发展论文1500字 控制自己的情绪论文 科学人性化 议论文 科学人性化 议论文 空调设计毕业论文 就业论文的题目 九色鹿影片赏析论文 拒绝安逸议论文 开封发展史论文 开放发展2000字论文 就业论文500字左右 拒绝安逸议论文 课前准备的论文 开放发展2000字论文 军事谋略运筹论文 就业论文500字左右 课程论文格式模板范文 开放沿海港口城市论文 空气污染有关的论文 就业指导论文自我分析 九色鹿影片赏析论文 空气质量spss论文 就业论文500字左右 开放发展论文1500字 课外活动论文(强度) 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 路人笔记 始之仙 末土之旅 我就是一个做白事的 修仙：我能无限模拟人生 快连下载 亚星管理平台 亚星官网 快连下载 亚星管理平台 课外活动的论文 科学人性化 议论文 课外活动论文(强度) 课外活动的论文 开放发展2000字论文 课外活动的论文英语 空气污染有关的论文 开发雄安新区的论文 空气质量spss论文 就业指导论文自我分析 科学设计教学流程论文 就业指导论文自我分析 军事谋略艺术论文 九色鹿影片赏析论文 孔子的因材施教的论文 课程论文格式模板范文 控制自己的情绪论文 军事谋略艺术论文 开发雄安新区的论文 控制自己的情绪论文 就业指导论文自我分析 空调设计毕业论文 开放沿海港口城市论文 就业论文的题目 开放沿海港口城市论文 空气污染有关的论文 开封发展史论文 空气污染有关的论文 课程论文字号间距 空气质量spss论文