jQuery DataTables v1.9

    xiaoxiao2024-04-23  204

    需要导入jquery.multi-select.js。请注意本文所使用的版本!

    $("example").dataTable({options,aoColumns,aoColumnDefs...});

    使用上面的命令可以生成根据提供的数据生成表格。其中options包括

    "sDom" : "tpr",// t代表table,p代表分页,r代表加载,tpr代表pr在table下边 "iDisplayLength" : 8,//每页显示的行数 "bDestroy": true, "bAutoWidth": true, //自动行宽 "bProcessing": true, //显示加载 "aaData": data, // 数据源 // "bFilter":false,过滤器 "bFilter": true, // "bLengthChange"显示条数 "bLengthChange": false, // "bPaginate"分页功能 // "bPaginate" : false, "bInfo": false, // bSort 排序 "bSort": false

    其中sDom隐藏了过滤器的搜索框,f代表了搜索框,所以不写f就可以隐藏它。

    自己可以利用fnFilter自定义过滤器,使用方法为$("example").dataTable().fnFilter(data,column,是否普通表达式,是否智能表达式,Do case-insensitive matching (true) or not (false))。

    一般后三个参数默认即可,第一个参数是过滤内容,第二个参数是指定过滤的行数。

    更多请看官方API:http://legacy.datatables.net/ref

    转载请注明原文地址: https://ju.6miu.com/read-1288271.html
    最新回复(0)