美文网首页
datatable基本用法

datatable基本用法

作者: ___大鱼___ | 来源:发表于2019-05-07 16:16 被阅读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))
                },
            });
    

    相关文章

      网友评论

          本文标题:datatable基本用法

          本文链接:https://www.haomeiwen.com/subject/sasttqtx.html