Datatables的初始化配置

在datatables初始化的时候,有时需要对一些特性进行设置,以满足实际业务的需求。


1.destroy,允许销毁所有表格的配置和内容,并替换新的table。

$("#example").dataTable({
    //是否允许销毁table,值为true或者false,默认为false.
    "destroy": true
});

2.displayStart,默认从第几条数据开始显示。

$("#example").dataTable({
//paging属性必须为true才能实现默认初始值得功能
    "paging": true,
//从第几条数据开始显示。
    "displayStart": 20
});

3.dom,表格的周围有很多的控件可以丰富表格的显示内容,比如分页,每页显示个数等等,dom可以用来改变各个控件出现的位置和次数。

$("#example").dataTable({
//dom属性给每个控件设置出现的位置
    "dom": "lfrtip"
});
"l"表示每页数量选择,"f"表示过滤,"r"表示加载提示框,"t"表示table,"i"表示左下角info,”p“分页控件。

4.lengthMenu,定义每页显示数量的默认选项

$("#example").dataTable({
//用户可以选择每页显示5,10,15,20,条数据
    "lengthMenu":[5,10,15,20]
});

5.pagingType,设置分页控件的显示方式

<pre name="code" class="html"><pre name="code" class="html">$("#example").dataTable({
//默认为simple_numbers,默认没有首页按钮和尾页按钮
    "pagingType":"full_numbers"
});





6.caseInsensitive,设置是否大小写过滤,默认为true

$("#example").dataTable({
<pre name="code" class="html"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space:pre">	</span>"caseInsensitive":false</span>
});



  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值