首页 > 代码库 > jquery datatable测试部分代码(仅自用)

jquery datatable测试部分代码(仅自用)

创建一个四列的datatable表,第四列为表格里的按钮设置,respond为JSON对象数组。

$(‘#example‘).DataTable({
        //每页显示十条数据
        pageLength: 10,
        "data":respond,
        "bDestroy":true,
        "bPaginate": true,  //是否显示分页
        "bLengthChange":false,  //每页显示的记录数
        "bFilter": true, //搜索栏
        "bSort": false, //是否支持排序功能
        "bInfo": false, //显示表格信息
        "bAutoWidth": false,  //自适应宽度
        columns: [{
            "data": "title" //此列不绑定数据源,用来显示序号
        },
        {
            "data": "publishName"
        }],
        "columnDefs": [
        {
            "targets": [0],
            "render":function(data,type,full,meta){
                return full.tit;
            },

        },
        {
            "targets": [1],
            "render":function(data,type,full,meta){
                return full.reb;
            },

        },
        {
            "targets": [2],
            "render":function(data,type,full,meta){
                return full.tim;
            },

        },
        {
            "targets": [3],
            "render":function(data,type,full,meta){
                var info=JSON.stringify(full);
                return "<button class=‘deleteNum‘  id=‘delete_"+full.id+"‘>操作</button>";
            },

        },  
        {
            //指定是第三列
            "targets": 2
        }]
})

jquery datatable测试部分代码(仅自用)