javascript - 将数据表行添加到表的顶部或底部？

Question

我的数据表默认为 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 );

Answer 1

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

假设您要在DataTable 的最后添加Row。因此，您需要执行以下步骤:

1. 在 DataTable 中添加新行。

2. 按照指定顺序绘制DataTable。

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

所以你可以这样实现。

$('#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