jquery datatables如何去掉搜索框和每页显示多少条数据

2024-12-25 02:17:17
推荐回答(5个)
回答1:

$(function(){

$('#dyntable2').dataTable({

searching : false, //去掉搜索框方法一:百度上的方法,但是我用这没管用
sDom : '"top"i', //去掉搜索框方法二:这种方法可以,动态获取数据时会引起错误

bFilter: false, //去掉搜索框方法三:这种方法可以

bLengthChange: false, //去掉每页显示多少条数据方法
});
});

回答2:

去掉搜索框和每页显示的数据,可以参考如下:
$(function(){
$('#dyntable2').dataTable({
searching : false, //去掉搜索框方法一:百度上的方法,但是我用这没管用
sDom : '"top"i', //去掉搜索框方法二:这种方法可以,动态获取数据时会引起错误
bFilter: false, //去掉搜索框方法三:这种方法可以
bLengthChange: false, //去掉每页显示多少条数据方法
});
});

回答3:

$('#myTable').DataTable({
    "paging": false,
    "ordering": false,    
    "info": false,    
    "searching": false,
});

paging: 控制分页是否开启,默认开启,开启后会显示表格左上角的每页行数选择和右下角的页码跳转

ordering: 控制是否进行排序,默认开启,且默认会对第一列数据进行排序

info: 控制是否显示表格左下角的信息,默认开启

searching: 控制是否显示表格右上角的搜索,默认开启

更多关于datatables的实用方法可参考:

前端插件之Datatables使用--上篇

前端插件之Datatables使用--下篇

回答4:

"info": false, //去掉showing

回答5:

我的方法 打开检查 会看到搜索框的代码 找到它的id 设为display:none