jquery datatables如何去掉搜索框和底部文字、更改样式

来源:互联网 发布:淘宝宝贝展示框架代码 编辑:程序博客网 时间:2024/06/07 06:52

datatable是一个jquery扩展的表格插件。其提供了强大的表格功能。

官方地址:https://datatables.net/

去掉某些默认功能:

$(function(){    $('#dyntable2').dataTable({        "searching" : false, //去掉搜索框方法一        "bFilter": false,   //去掉搜索框方法二        "bSort": false,  //禁止排序        "paging": false,   //禁止分页        "info": false   //去掉底部文字    });});

设置排序规则:

$(function(){    $('#dyntable2').dataTable({        "aaSorting": [[ 4, "desc" ]]  //以序号为4也就是第5列进行降序排列        "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0 ] }]         //初始化datatable,但对序号为0列的列不进行排序,别的列均可进行排序     });});

更改表格样式:

<table id="fwqlist" class="table table-hover table-striped" cellspacing="0" width="100%">    <thead>        <tr>            <th>当前状态</th>            <th>今日峰值</th>            <th>今日均值</th>        </tr>    </thead></table><!--     table的classclass="table"       原始样式class="table table-striped"     隔行条纹class="table table-bordered"      每个元素都有边框class="table table-hover"      鼠标滑过变色  -->

如果有什么意见或建议,欢迎留言……^^

0 0
原创粉丝点击