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
邪恶美少女里番全彩本子漫画大全邪恶男生漫画彩色邪恶美少女漫画第一次邪恶美少女漫画无遮挡邪恶美少女漫画无遮挡图片大全邪恶美少女里番全彩本子漫画大全邪恶魔物人漫画全集邪恶美少女漫画第一次邪恶内番漫画网邪恶明星 漫画图片邪恶妹女漫画全彩本子图片搜索邪恶美少女漫画第一次邪恶明星 漫画图片大全图片大全邪恶妹女漫画全彩本子图片搜索邪恶美少女漫画多色邪恶明星 漫画图片邪恶母亲漫画肛门邪恶妹女漫画全彩本子图片邪恶妹女漫画全彩本子图片邪恶美女全彩漫画3D版邪恶内涵漫画人妻邪恶妹女漫画全彩本子图片邪恶内番漫画网邪恶美女漫画邪恶帝 百度 百度 百度贴吧邪恶美少女漫画无遮挡图片邪恶女宠漫画图片邪恶美少女漫画无遮挡图片邪恶美女漫画邪恶帝 百度 百度 百度贴吧邪恶美女全彩漫画3D版邪恶明星 漫画图片大全图片大全杀戮世界降临，全球百亿人随机被投放到未知角落。 赵东发现，这是他看过的一本小说世界？ 随后悲催发现，自己是小说里的反派。 “我确实想有钱，可这是杀戮世界，再多钱也没用啊！” 不过，他很快发现，知道剧情的滋味真不错。 “我反手就是开局掠夺机缘。” 于是乎，小说主角怒吼：这本来是我的机缘啊！ 女主角：“赵东大神对我真好，又厉害，我以前误会他了，他是真心喜欢我的。” 众求生者：“赵东大神求抱大腿。” 于是乎，别人在杀戮世界挣扎求生，赵东却发现这里的小日子也不错。 【无限流+诸天+主神】本在国家会展中心领奖的李景，睁眼发现自己晕倒在一间毛胚房中。 冰冷，封闭，死寂的环境让他惊疑不已。 待他跑至窗口往外看时，他才发现…… 他竟被困在了一栋即将爆破倒塌的大楼中！本是个混吃纨绔，装的 爷爷是盖世剑神，真的 父亲乃镇国将军，真的 哪我纨绔一点没问题吧？别逗 有着衍生资源美名的梦谕，被世人称作神明的遗物，曾有人掌握他，却带来毁灭性的灾害。 名为魇的怪物与人类一般无二，在梦谕吸收着扭曲的情感以及不幸因素。从而造就成极端的能力与性格。 及时如此，危险的怪物在梦谕濒临瓦解时被人类捕获。成为了满足欲望的工具与珍贵的交易品…… 一只逃避追杀的魇在雪地里昏睡，被路过的红衣男孩所救。在无形之中建立了契约关系，而那男孩便是世间罕有的契师。 故事的开端打开，能够完全操控魇的契师诞生。旧时代的往事将被重新掀开，梦谕的正面目也即将显露 　李长生一觉醒来，成为了大明王朝菜市口的一名刽子手！ 　　偏逢八百年大明朝妖魔横行，乾坤巨变之时，他发现自己斩杀死刑犯，可以获得各种的奖励！ 　　望气术，养气术，占卜术，替死术，纸人术，敛息术，换脸术，傀儡术，医术，机关术…… 　　上下几万年，漫漫仙道，无数魑魅魍魉一刀斩之，誓护我神州大地永世不衰！星陨大陆，邪族尽出，星途虽苦，吾道不孤，异族相助，寂灭不输！人是人，仙是仙，人若想为仙，难比登天。天下凡人千百万万，得道成仙者百千年不得闻。 凡人非大机缘者，莫寻修仙路。然，何为机缘，机缘何得。 争，是智慧；不争，亦是智慧。 修仙修仙，修的是什么，修的不就是心么。未来，现实世界与虚拟世界交织，脑机接口、意识上传，虚拟触觉技术先后突破，zero公司研发了一款名为《零世界》的元宇宙，来使人类脱离死亡实现意识永生。 然而，在诞生25年后，zero公司一场更大的阴谋酝酿其中…… 重生后的罗飞，带着一群志同道合的伙伴，再一次踏上征程……这是互联网金融行业的老司机重生后，由一名菜鸟新人，在职场披荆斩棘，一路高升，成长为行业一方大佬的故事； 你可以把小说当做22年爽版职场剧《未生》。面对冷酷的职场现实，用行业新人的眼光来展现互联网金融行业的人生百态...... 22周岁的周致远，具备重生信息优势的他，更像加强版的张克莱； 他扫除金融毒瘤，重新制定行业准则； 他抓住机遇，攥取巨额财富，不忘回馈社会； 他年少多金，心怀理想，收获御姐们的青睐； 他步步为营，改变命运，填补人生遗憾......地球停转，末日来袭。 灾难接踵而来，人类为了生存终于是暴露出潜藏在内心的阴暗。 欺骗，背叛让人与人之间最后的一层遮羞布被饥饿、求生欲狠狠的撕下。 别人为了一块面包，可以出卖尊严。 而我，坐拥一块地，守护着自己爱的人和爱我的人！ ……
望枫天地行 越空行者 仙湮兮 诸天，从华山开始 小白幻想曲 网游之战国策 Thresher 这个剑神有点浪 借道夺天 全民杀戮:开局掠夺神级机缘 假如人生重来 末世：我有一对星辰眼 洪荒：求求你让我证道吧 无敌保护系统 大明风云之锦衣镇山河 开局表白百次，我绝不放弃 异常瞭望者 全球灾变：我有百倍振幅 堕神的契约 2678：幻想乌托邦 邪恶女宠漫画 邪恶明星 漫画 邪恶母亲漫画肛门 邪恶美少女漫画无遮挡图片大全 邪恶女宠漫画 邪恶女宠物漫画 邪恶母亲漫画肛门 邪恶明星 漫画图片大全 邪恶女宠漫画图片 邪恶明星 漫画图片大全图片 邪恶内番漫画 邪恶内番漫画 邪恶美女漫画邪恶帝 百度贴吧 邪恶明星 漫画 邪恶美少女里番全彩本子漫画大全 邪恶美少女漫画无遮挡图片大全 邪恶木屋漫画 邪恶女宠漫画图片 邪恶男生漫画. 邪恶美少女漫画第一次 邪恶明星 漫画 邪恶美少女漫画多色 邪恶男生漫画彩色 邪恶妹女漫画全彩本子图片搜索 邪恶明星 漫画图片 邪恶美女漫画邪恶帝 百度贴吧 邪恶女宠漫画图片 邪恶男生漫画彩色 邪恶男生漫画. 邪恶女宠漫画图片 邪恶美少女漫画无遮挡图片大全 邪恶民国美女漫画 邪恶美少女漫画无遮挡 邪恶美少女里番全彩本子漫画大全 邪恶美女漫画邪恶帝 百度 百度 百度贴吧 邪恶美少女漫画无遮挡图片大全 邪恶美少女漫画无遮挡 邪恶母亲漫画肛门 邪恶美女漫画邪恶帝 百度贴吧 邪恶美少女漫画多色 邪恶美少女漫画无遮挡图片 邪恶明星 漫画图片大全图片 邪恶美少女里番全彩本子漫画 邪恶木屋漫画 邪恶妹女漫画全彩本子图片搜索 邪恶明星 漫画 邪恶内番漫画 邪恶美少女漫画无遮挡图片 邪恶美女漫画邪恶帝 百度贴吧 邪恶魔物人漫画全集 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 异魂交响曲 修仙从功法羁绊开始 溯源仙迹 他和他的剑 仇抱 欧博官网 亚星管理平台 澳门葡京游戏官网 欧博官网 亚星游戏官网 邪恶美少女漫画第一次 邪恶明星 漫画图片大全图片 邪恶内番漫画 邪恶美少女里番全彩本子漫画 邪恶明星 漫画图片大全图片欣赏 邪恶美少女漫画无遮挡图片 邪恶内涵漫画人妻 邪恶明星 漫画图片大全 邪恶美女漫画邪恶帝 百度贴吧 邪恶美女漫画邪恶帝 百度贴吧 邪恶明星 漫画图片大全图片大全 邪恶明星 漫画图片大全图片欣赏 邪恶明星 漫画图片 邪恶内番漫画网 邪恶魔物人漫画全集 邪恶女宠物漫画 邪恶男生漫画彩色 邪恶木屋漫画 邪恶美少女漫画第一次 邪恶明星 漫画图片大全图片大全 邪恶内番漫画网 邪恶明星 漫画图片 邪恶女宠物漫画 邪恶母亲漫画肛门 邪恶明星 漫画图片 邪恶美少女漫画多色 邪恶美女漫画邪恶帝 百度贴吧 邪恶美女漫画邪恶帝 百度贴吧 邪恶女宠漫画 邪恶女宠漫画图片