Question

在ajax响应之前或之后，我只需要调整数据表（ref Datatables）中的几个功能。我试图将页面长度扩展为30。它只能在首页上使用，例如，如果我有200行，则

第一页显示“显示 1到30 ，共200个条目”
第二页显示“显示200个条目中的 31至200 ”
第三页显示“显示200个条目中的 61至200 ”

其余页面都是这样。

 success : function(data) { 

    var table=$('#datatable').DataTable()   // initializing datatable
    $('#datatable').dataTable().fnClearTable();  //clearing old data in every ajax response

    for (var i = 0; i < data.length; i++) {
        table.row.add(  //adding rows
            [               
                data[i].name,
                data[i].phone
            ])
            .draw();
    }

    table.destroy()  // destroy existing datatable and appending following objects

    $('#datatable').DataTable({
        dom: 'Bfrtlip', 
        buttons: [ 'copy', 'excel','print', 'colvis' ], 
        columns: [  
            {name: 'name', title: 'Name'},      // Renaming Header
            {name: 'phone', title: 'Phone'}     
        ],
        rowsGroup: [        // Using rowspan / grouping     
            'name:name',
            'phone:name'          
        ],
        pageLength: '30' //page length

        })

    }   //end of success()

如果我不破坏现有表，则会显示错误消息“无法重新初始化数据表” 。我认为table.destroy()存在问题。 如果我评论pageLength: '30'，默认情况下可以正常工作（每页10条记录）

有什么方法可以添加对象而不破坏对象？或在创建行/初始化数据表时添加这些对象？或有什么办法可以解决这个问题？预先谢谢你。

Answer 1

pageLength: 30 //页面长度应为整数：D：D

pageLength仅在首页-DataTable

1 个答案: