dataTables使用记录

非常多的数据展示需要用到表格,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.新增固定表头,固定表列,表格搜索功能

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值