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
        }]
})對象

相關文章
相關標籤/搜索