非常多的数据展示需要用到表格,DataTables 是一款JQuery表格插件,官网:https://www.datatables.net/
在使用时一些参数的设置及作用记录:
1.DataTables 表格宽度自适应:
1.1 首先设置table内嵌样式 : style="100%"
<table class="table table-striped table-bordered table-hover" id="sample_2" style="width:100%"></table>
1.2 其次设置table 配置中参数: "bAutoWidth":false
bAutoWidth:默认值 true 是否计算列宽,开启时会自动为表格每一列计算宽度,影响table表格的自适应
2.分页搜索总数:
"sDom":l- 每行显示的记录数;f- 搜索框;t- 表格;i- 表格信息;p- 分页条;r- 加载时的进度条
<'#id'>:id为#id的div;<'class'>:带有class的div
"sDom" : "<'row-fluid'<'span12'fl>r>t<'row-fluid'<'span6'i><'span6'p>>"
3.新增固定表头,固定表列,表格搜索功能