datatable基本用法

var tableModel = $('#dataTableModel').DataTable(
            {
               // 分页风格, full_numbers会把所有页码显示出来
                sPaginationType: 'full_numbers',
                searching: false,  // 是否支持自动搜索
                bProcessing: true, // 是否显示加载
                sAjaxSource: { searchValue: searchValue },
                serverSide: true, //开启服务器处理模式
            lengthChange: false,
            select: true,
            //代表后台处理分页,false代表前台处理分页
            serverSide: true,
            // 每一页显示的行数
             "iDisplayLength": 10,
// 禁止某些列排序
"aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0 ] }] ,
            // 档处理大数据时, 延迟渲染数据, 有效的提高了Datatabale处理能力
            deferRender:true,
        "aaSorting": [[ 4, "desc" ]] , // 按指定列排序
        // 按第几行进行排序
        "order": [[6, "desc"]],
            ajax: {
                url: "{% url 'log:getLogListJson' %}",
                data: { searchValue: searchValue },
                dataSrc: 'data',
            },
            columns: [
            { data: 'OperateDate' },
            { data: 'OperateUserName' },
            { data: 'IPAddress' },
            { data: 'OperateType' },
            { data: 'ExecuteResult' }
            ],
             // 隐藏那些列
            columnDefs: [{
                           "targets": [0, 1, 2],
                           "visible": false
            }],
            createdRow: function (row, data, dataIndex) {
                $(row).children('td').eq(0).html(replace_time(data.OperateDate))
            },
        });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容