datatable总结常用api

Table.fnDraw(boolean); // 重绘方法 true会回到表格的初始状态,例如回到第一页,false只是重新加载当前页。
fnClearTable(); // 清除表格
fnAddData(data); // 添加数据
fnGetData(index); // 根据提供的参数获取整个表,单个行或单个单元格的数据。
fnDeleteRow(mTarget,fnCallBack,bRedraw) // 删除行
fnFilter(sInput,iColumn,bRegex,bSmart,bShowGlobal,bCaseInsensitive)// 根据数据过滤输入

var Table = $('#dispondTable').dataTable({
    "bPaginate": true, // 翻页功能
    "bLengthChange": true, // 改变每页显示数据数量
    "bFilter": true, // 过滤功能
    "bSort": true, // 排序功能
    "order": [], // 不设置默认排序(取消第一列排序)
    "order": [[ 1, 'asc' ]] // 把默认排序设置成其他列
    "bInfo": true, // 页脚信息
    "searching": true, // 搜索功能
    "bAutoWidth": true, // 自动宽度
    "bLengthChange": true // 是否显示一个每页长度的选择条(须要分页器支撑)
    "lengthMenu":[300,500], // 每页显示 300/500条数据
    "sZeroRecords": "抱歉, 没有找到",
    'language': {
        'emptyTable': '表格数据为空',
        'loadingRecords': '加载中...',
        'processing': '查询中...',
        'search': '搜索:',
        'lengthMenu': '每页 _MENU_ 条',
        'zeroRecords': '',
        'paginate': {
            'first':      '第一页',
            'last':       '最后一页',
            'next':       '下一页',
            'previous':   '上一页'
        },
        'info': '总计_TOTAL_条',
        'infoEmpty': '空页数信息',
        'infoFiltered': '(过滤总条数 _MAX_ 条)'
    },
    "aoColumns": [  // 表单内容
        {"sTitle": "真实姓名","sDefaultContent": "","mData": "real_name"}
    ],
    "aoColumnDefs": [ // 值的再次修改
        {
            "aTargets": [ 5 ],
            "mRender": function ( data, type, full ) {
                if(data){
                    return "¥"+ convertMoney(data);
                }
            }
        }],
    "createdRow": function ( row, data, index ) {
        // row 每一行的数据 tr
        // data 请求的数据
        // index 第几行 0开始
        // console.log(row,data,index)
        // console.log(data.amount)
        /*----提示表格弹窗-----*/

    },
    "fnRowCallback": function () { // 回调方法
    
    },
    "sAjaxSource": myHttp.baseUrl+"v4/api",  // 接口
    "sAjaxDataProp":"list",
     /*
      * 默认为aaData
      * 当使用Ajax数据源或者服务器端处理的时候,DataTable会默认搜索aaData属性作为数据源
      * 该选项允许变更数据源的名称,你可以使用JavaScript的点号对象表示法去访问多级网状数据源
    */
    "fnServerData": function (sSource, aoData, fnCallback, oSettings) { // 接口回调 
        console.log(sSource, aoData, fnCallback, oSettings)  
        var data = { // 分页
                page: aoData[3].value / aoData[4].value + 1,
                rows: aoData[4].value
            };   
        oSettings.jqXHR = $.ajax( {
            "dataType": 'json',
            "type": "POST",
            "url": sSource,
            "headers":{"token":token},
            "contentType" : 'application/json',
            "data":data,
            "success": function(resp) {
                 fnCallback(resp);
                 // resp.list 接口返回值有一个list数组 对面上面的sAjaxDataProp
            }
        }); 
    })
})

datatable总结常用api_第1张图片

 

你可能感兴趣的:(datatable总结常用api)