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
密云到义火车福建莆田到重庆火车票绥中至青岛的火车站时刻表岳池到重庆没有火车了吗商丘一九江火车时刻表密云到义火车巨野到威海火车卧铺绥中至青岛的火车站时刻表石门火车站到常德和田出发的火车票昆明到延安火车密云到义火车滦县到天津西站火车时刻表昆明到延安火车绥中至青岛的火车站时刻表和田出发的火车票兰州南宁火车票价商丘一九江火车时刻表商丘一九江火车时刻表能通过火车订单号查到去农安火车阿克苏市火车票售票点柳州到枣庄火车时间表外国火车站广州至成都火车站站查询靖江市到上海火车岳池到重庆没有火车了吗齐市至黑河火车站时刻表能通过火车订单号查到呼和浩特到江西婺源火车写的是一个高1.6m，12岁的男孩子打游戏时，穿越到我的世界里，开始过上新的生活……地府算什么东西，你凭什么资格，赏善罚恶？ 地府算什么东西？现在我就来告诉你！ 你们洗不了的冤，由我地府来洗， 你们办不了的人，由我地府来办； 你们担不了的因果，由我地府来担。 一句话，是是非非地，明明白白天！ 赏善罚恶，大道特许。这就是地府，够不够清楚？2009年到2021年间，g城作为改革开放后迅速崛起的沿海城市之一，政治经济快速发展，商界奇才、慈善大家、教育大亨······齐聚在g城，由此展开一场场腥风血雨的争斗······ 简介：现在网上一整就穿越咱也跟风玩把穿越，不当小地主，级别太低，当就当皇帝那多过瘾。 故事老套狗血，仅供各位看官把玩。 哪个朝代咱就不说了。 记得我十六岁那年，我强行占有了十三岁的她，在古代女孩子这个年龄段早就嫁人了。 事后，她哭着对我说，“哥，你让我咋嫁人啊？” 我也跟着她落泪，跪在她面前，“没办法啊，妹子，哥家穷啊。” 三天后她岀嫁了。而我在那一天也被一群蒙面人劫走了。 五年后，在见她时，她已是江湖第一大帮的帮主，而我己是当朝皇帝。 狗血故事由此展开。 本篇摘自鄙人正在酝酿的拙作《灵魂解剖室》 打赏 收藏 故事主要讲述一个底层小兵从三国乱世中跟随曹操四处征战，与三国众多名将交手，渐渐成长为一员能够独当一面的大将。在乱世征战中主角对以后的出路慢慢产生疑问，更倾向于刘备阵营，在忠诚与背叛中，陷入挣扎与纠结。这是一部我在某次特别的日子特别的时间听到的的故事，我记得那是一个晚饭时间直到凌晨五点多的一个故事，这个故事它或许不华丽不爽文不刺激，它就和我们普通人的生活一样，但却有着它不一样的地方。魏和平在迷茫中穿越到了平行世界，无意中发现了系统的存在，他该勇往直前，还是猥琐发育，我决定要安全的浪。【系统+无女主+穿越】（萌新作者，文笔不好勿喷） 刘铭死了，但又没完全死。准确的说，他，跟随潮流一起穿越了。穿到了一个名为哈利波特的魔法世界，而他生前就是一个哈迷。 但这个哈利波特世界跟jk罗琳写的哈利波特有所出入。比如，这个世界并没有黑魔王，詹姆和莉莉也好好的活着，哈利·波特还多了个双胞胎哥哥。 而刘铭穿成了哈利的双胞胎哥哥伊雷·波特，当然作为穿越众中的一人，金手指也是必不可少。所以当他穿越到这个世界一年后。他得到了一个名叫霍格沃茨最强抽卡的系统。 【恭喜抽到传说卡：黑魔法精通】 【恭喜抽到传说卡：我蓝超多】 【恭喜抽到技能点】 【恭喜抽到传说卡：变异蜷翼魔】 …… 伊雷无奈的摊了摊手“没办法，太欧了”夏牧穿越后秒变孤儿，紧接着全村被屠，侥幸逃脱。 身处陌生王朝的农民孤儿，前途未卜，可谓地狱开局。 好在他身怀“托梦成就系统”，只要完成成就便能召唤华夏千年的人才为己所用。 霸王，关二爷，岳鹏举，武媚娘……还不快到碗里来！ 当他成为一州霸主，准备横扫天下时，他震惊的发现，原来“天选之子”不止他一人……一个喜欢吃凉面的男孩却意外穿越到异世界，却凭借着凉面扬名整个世界，是命运的安排，还是执棋人的棋子……
异界之扮演游戏 你的太阳系 万古第一灵帝 山海经：易水之战 二五仔大统领 牧羊记 名剑英雄传 魔龙谷之阴阳传说 人道曙光 灵异:镜子里的自己 科幻：元素世界 踏马江湖游 我真不是召唤兽 灰色居间者 满城烟雨尽风华 谁是天眼 情脉道 梦如泡影 这个修仙者喜欢作死 全世界都变成怪物，除了我 淄博到胶州北的火车时刻表 和田出发的火车票 兰州南宁火车票价 商丘一九江火车时刻表 淄博到胶州北的火车时刻表 福州到四川宜宾的火车票 从郑州到朝阳的火车时刻表 红果到菏泽火车时刻表 靖江市到上海火车 滦县到天津西站火车时刻表 柳州到枣庄火车时间表 柳州到枣庄火车时间表 外国火车站 和田出发的火车票 密云到义火车 广州至成都火车站站查询 火车卖烟吗 靖江市到上海火车 福建莆田到重庆火车票 密云到义火车 网上订火车票卧铺能选座吗 绥中至青岛的火车站时刻表 福建莆田到重庆火车票 阿克苏市火车票售票点 红果到菏泽火车时刻表 外国火车站 靖江市到上海火车 福建莆田到重庆火车票 去农安火车 靖江市到上海火车 商丘一九江火车时刻表 网上订火车票卧铺能选座吗 岳池到重庆没有火车了吗 密云到义火车 外国火车站 广州至成都火车站站查询 大连丹东火车票多少钱 从郑州到朝阳的火车时刻表 外国火车站 大连丹东火车票多少钱 广州至成都火车站站查询 已定火车票怎样退票 能通过火车订单号查到 火车卖烟吗 昆明到延安火车 网上订火车票卧铺能选座吗 柳州到枣庄火车时间表 广州至成都火车站站查询 利川至红安西火车 巨野到威海火车卧铺 亚星游戏官网 亚星官网 亚星官网 亚星官网 亚星官网 我无限流玩成了都市文 洛羽战歌 大汉铁云传之魔劫现世 无帝乱世 无双！ AG真人 欧博官网 亚星管理平台 AG真人 皇冠登3出租 石门火车站到常德 外国火车站 从郑州到朝阳的火车时刻表 绥中至青岛的火车站时刻表 靖江市到上海火车 和田出发的火车票 网上订火车票卧铺能选座吗 齐市至黑河火车站时刻表 外国火车站 福建莆田到重庆火车票 绥中至青岛的火车站时刻表 利川至红安西火车 昆明到延安火车 滦县到天津西站火车时刻表 靖江市到上海火车 西安经永济市的火车 红果到菏泽火车时刻表 齐市至黑河火车站时刻表 兰州南宁火车票价 靖江市到上海火车 淄博到胶州北的火车时刻表 网上订火车票卧铺能选座吗 网上订火车票卧铺能选座吗 福州到四川宜宾的火车票 齐市至黑河火车站时刻表 福建莆田到重庆火车票 淄博到胶州北的火车时刻表 外国火车站 能通过火车订单号查到 岳池到重庆没有火车了吗