datatable基本用法

2019-05-07  本文已影响0人  ___大鱼___
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))
            },
        });
上一篇下一篇

猜你喜欢

热点阅读