支持<table>标签、<thead>标签、<tbody> 标签、<tr>标签、<td>标签、<th>标签、<caption>标签。
<table class="table table-hover table-bordered">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr class="success">
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr class="warning">
<td>3</td>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
.table
很少的内补(padding)并只增加水平分隔线。
.table-striped
封装了:nth-child CSS选择器 (IE7-8不支持)为表格中的行添加斑马纹样式,隔行变色。
.table-bordered
为表格增加边框(border)和圆角(rounded corner)。
.table-hover
为 <tbody> 中的每一行赋予鼠标悬停样式。
.table-condensed
每个单元格的内补(padding)减半可使表格更紧凑。
行属性选择情景(contextual)类为表格添加颜色。
.success 表示成功或积极的行为。
.error 表示一个危险或存有潜在危险的行为。
.warning 表示警告,可能需要注意。
.info 作为一个默认样式的一个替代样式。
http://v2.bootcss.com/base-css.html#tables
- 大小: 40 KB
- 大小: 61.7 KB
分享到:
相关推荐
可编辑bootstrap-table及相关组件:bootstrap3、bootstrap-table相关、bootstrap-table-editable.js、bootstrap-editable.js、bootstrap-editable.css; 配合起来,可以实现可编辑bootstrap-table列表。代码实现: ...
bootstrap-table实现 行拖拽 插件 jquery.tablednd.js bootstrap-table-reorder-rows.js bootstrap-table-reorder-rows.css
bootstrap-table-export.js bootstrap-table表格导出js
bootstrap-table插件:bootstrap-editable,可编辑下拉框,以及代码实例,
fastadmin 表格添加固定表头 bootstrap-table-fixed-columns所需插件
FastAdmin使用bootstrap-table作为前端表格的基础组件库,通常列表交互展示已经够用了,包括通用搜索、排序、分页、导出、合并相同行/列等等。最近需要对表头进行冻结,找到了bootstrap-table-fixed-columns组件(也...
在原bootstrap-table-fixed-columns的基础上,解决了冻结列后,排序失效、列宽错位和合并行失效问题
使用 Bootstrap-table表格进行分页,表格汇总统计,方便我们做报表
基于bootstrap-table 实现 右侧列固定,也可以针对左侧列固定,针对操作列使用起来非常方便,引用jquery、bootstrap-table-fixed 样式和js文件后,可以随意设置,灵活。 fixedColumns: true,//fixedtNumber:2, //...
用于bootstrap数据表格的导出插件,在引入bootstrap其他主要js和css的前提下,再将bootstrap-table-export.js和tableExport.js引入
bootstrap-table.css 表格拖拽排序里面有bootstrap-table表格拖拽行所需js以及css非常好用
用于bootstrap数据表格的导出插件,在引入bootstrap其他主要js和css的前提下,再将bootstrap-table-export.js和tableExport.js引入。包里有两个版本的
bootstrap-treegrid实现树形表格.zip
bootstrap-editable表格行内编辑,包含css和js。js中包含常用的方法。
BootStrap-table 表格固定列,固定左侧列以及右侧列,可以固定特定的列,fixedColumns: true, fixedNumber: 2,fixedRightNumber:1,值可以自定义,一定要使用配套(压缩包就是配套的相关文件)的内容,否则会出现一些...
1、使用boostrap-table,表格为英文,使用此js翻译为中文。 2、免费下载,希望大家爱上学习。 3、后面会出一个boostrap-tableb表格的简单使用。
bootstrap-table头部错位已完美解决,兼容ie,火狐,谷歌浏览器(其它的浏览器没测),耗费了半个月的脑细胞终于解决,喜欢的朋友请点个赞,谢谢!
bootstrap-table-export.js,实现bootstrap-table的表格导出
bootstrap-table插件包,包括完整的css定义文件,js文件等。
使用bootstrap-table客户端分页生成表格,导出表格按照单元格内容相同合并单元格