将数据表行添加到表的顶部或底部?

时间:2016-12-20 03:53:31

标签: javascript jquery datatables

我的数据表默认排序为1列。动态地我在表中添加行,有时在表的中间添加行,有时添加到2页等等,因为第一列是名称。

但我想添加表格的顶部或表格的最后一部分。我们可以这样做吗?怎么样?

var t = $('#tblRoster').DataTable();
t.row.add( [memberCustomerName, memberPosition,memberMasterCustomer,
    memberCustomerEmail, endDate,'<a href="#" class="linkbutton 
    padding-left-20" id="addCancelButton">Remove</a>']).draw( false );

1 个答案:

答案 0 :(得分:4)

新添加数据的位置完全基于应用于DataTable的排序条件。

假设您要在DataTable的最后添加Row。所以你需要采取以下步骤:

  1. 在DataTable中添加新行。

  2. 按指定顺序绘制DataTable。

  3. 将页面焦点移动到DataTable的最后一页(可选)。

  4. 所以你可以这样做。

    $('#AddRow').on('click', function() {
         var row = ['testing', 'testing', 'testing', 'testing', 'testing', 'testing'];
         table.row.add(row).draw(false);
         table.order([1, 'asc']).draw();
         table.page('last').draw(false);
    });
    

    <强> Here is its Demo