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

Posted 2023-04-29

$(function()

$('#dyntable2').dataTable(

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

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

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

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

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

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

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

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

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

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

参考技术C "info": false, //去掉showing 参考技术D 我的方法 打开检查 会看到搜索框的代码 找到它的id 设为display:none

jquery plugins —— datatables 搜索后汇总

网上的例子 http://datatables.club/example/plug-ins/api.html 只能对当前页面或所有数据进行汇总，不能对搜索结果数据汇总。

以下是对datatables自带搜索结果的汇总。

table.on("search.dt", dataSearch);

        //汇总总金额
        function dataSearch() {
            var datas = table.data();
            var total = 0;
            for (i = 0; i < table.context[0].aiDisplay.length; i++) {
                total += parseFloat(datas[table.context[0].aiDisplay[i]].Amount);
            }

            $("#total").text(total);
            
        }