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
设计论文的软件机电系毕业论文题目和田玉器鉴赏论文豆类的营养价值论文工作分析的论文设计论文的软件苏教版小学语文本真论文和田玉器鉴赏论文部队基层干部 论文建筑系的毕业论文论文查重的内容和田玉器鉴赏论文有关接地电阻的论文论文查重的内容王羲之书法欣赏论文建筑系的毕业论文瑜伽论文开题报告绿色纺织品与健康论文工作分析的论文养生健康的论文万达核心竞争力论文绿色纺织品与健康论文部队基层干部 论文ipv9 论文工作分析 论文如何写股份回购的论文工作分析 论文ipv9 论文养生健康的论文有关接地电阻的论文在这个世界里，跨界石，是一种神奇的东西。相传上古时期，轩辕姬得之，拥有掌控南北两极之能，所以控磁场，造司南。大禹得之，拥有排山倒海之势，所以治江海。? ?...... 而觉醒职业和灵器，是这里每人都渴望的事。 雪擎，一个被祝福和诅咒同时缠上的少年，即将开启一段传奇之旅...... ?冯阳本是一个普通学生，却突然同时获得了两个系统。 两个系统争相用自己的方法来帮助他这个宿主取得他们所认为的成功，并且两个系统因为风格不同，还会相互竞争，甚至相互捣乱。 然后，冯阳的人生就开始不断的被这两个系统整的一地鸡毛。 虽然最后在两个系统一次又一次不堪的加持中，冯阳不断获得一个又一个“成功”。 但是冯阳总觉得这些成功，并不符合自己的初心，未必是自己想要的。 五年前大批人类觉醒，世界各地陷入一片混乱。一切来的太过突然，是天灾亦或是人祸？是上天赐予人类的礼物？还是世界末日的前兆？ 五年游历，叶云经历无数次生死考验，他只求一个真相，以慰忌故友。 只是真相背后又是什么？ 天合神州，大岚王朝。 有那么几个见过世间百态，历尽天下万事，到头来却死得默默无闻的老侠客。 有那么一个被骂为窃天下之贼的前朝太子。 有那么一个背负双亲之仇，隐姓埋名的大户之后。 有那么一群死守国门，却被朝堂弃如敝履的将士。 还有…… 算了，还是不说了。 他们的故事，岂是一言可以蔽之？ （对了，还有武林外传的老几位！）一颗红色的大星缓缓自宇宙深处逼近，人类的命运从23世纪开始改变，人的一生只是归根吗？亦是昙花一现，初开便败，霎那芳华，还是化作蒲公英，散落己身，成就无限希望，探索文明的背后，真相也许会让人大惊失色........神师林枫遭弟子偷袭，机缘巧合重生回到高中时代。 修通天修为，掌无上仙法。 这一世，我林枫定要让那些曾经欺负过自己的人付出代价！当你们正在玩着手机打发时间的时候， 我们正在战斗； 当你们在亲吻恋人的时候， 我们正捍卫你们的一切。 你们生活在一个不可思议的，十分危险的世界。 而我们的工作，就是将其变得可思议，不危险。 我们沉浸于黑暗，但我们守护着光明， 我们不为人所知，但我们至纯至善。 我们以必善之信念，行必要之恶。 虽千万人，吾九死而不悔！ ——元宇宙管理局赴死者向你致敬！叶彦的生活作者本人很少看动漫所以人物皆为借鉴人物性格等可能与原著不同。 自上古时期，人们敬畏神灵。在千百年间，人们发现了能够吸收灵气修炼自己的方法。人们对神灵的神力逐渐轻视，甚至挑衅神灵。奈何江湖高手众多，神灵乃万物之灵，数量稀少。为了人神共存，两界巨头决定联姻计划。神界选择了龙女白小林，而人界为了驸马之位，分为两派。战争也从此打响。
重生之我是太上老君的道童 旧河世纪 一路红尘一路情 真的要逼我认真吗 问苍天之彼岸花开 我真是昏君，你们快造反 位面使徒 无愧 记生录 黑帮BOSS在韩国 飘雪神剑之忧郁飞花 名华依在 我的世界之开局转生成村民 原体：初现 于我无益 让你代管新兵连，竟练成特种部队了？ 灾源降临:开局重生 老子是高手之彩票沉迷 平平无奇的穿越者日记 元灵法则 化疗药物对肿瘤科护士的危害与职业防护论文 干扰素测活论文 瑜伽论文开题报告 工作分析的论文 化疗药物对肿瘤科护士的危害与职业防护论文 证券投资理财规划论文 瑜伽论文开题报告 中外新闻史论文 如何写股份回购的论文 有关机械制图的论文 xx项目成本管理论文 xx项目成本管理论文 旅游景区环境管理论文 干扰素测活论文 设计论文的软件 工作分析的论文 经济学前提论文 化疗药物对肿瘤科护士的危害与职业防护论文 函授热动专业论文开题报告 和田玉器鉴赏论文 干扰素测活论文 和田玉器鉴赏论文 函授热动专业论文开题报告 绿色纺织品与健康论文 建筑系的毕业论文 旅游景区环境管理论文 化疗药物对肿瘤科护士的危害与职业防护论文 机电系毕业论文题目 函授热动专业论文开题报告 如何写股份回购的论文 工作分析的论文 资源稀缺的现象及原因相关论文 豆类的营养价值论文 设计论文的软件 ipv9 论文 工作分析 论文 豆类的营养价值论文 瑜伽论文开题报告 ipv9 论文 王羲之书法欣赏论文 工作分析 论文 中外新闻史论文 第四代港口论文 经济学前提论文 论文查重的内容 资源稀缺的现象及原因相关论文 xx项目成本管理论文 工作分析 论文 旅游景区环境管理论文 饮食健康的论文 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 开局女主要回去相亲 火影世界的海贼兑换系统 凡生世界 神探狄仁杰1 囚徒日记之飘零燕 澳门葡京官网 AG真人 快连下载 澳门葡京官网 欧博官网 干扰素测活论文 苏教版小学语文本真论文 证券投资理财规划论文 和田玉器鉴赏论文 万达核心竞争力论文 旅游景区环境管理论文 经济学前提论文 王羲之书法欣赏论文 化疗药物对肿瘤科护士的危害与职业防护论文 建筑系的毕业论文 干扰素测活论文 工作分析 论文 工作分析的论文 设计论文的软件 王羲之书法欣赏论文 养生健康的论文 资源稀缺的现象及原因相关论文 有关接地电阻的论文 如何写股份回购的论文 设计论文的软件 中外新闻史论文 ipv9 论文 瑜伽论文开题报告 王羲之书法欣赏论文 化疗药物对肿瘤科护士的危害与职业防护论文 干扰素测活论文 干扰素测活论文 证券投资理财规划论文 ipv9 论文 机电系毕业论文题目