2016-12-20 4 views
1

私のデータテーブルは、デフォルトで1列のソートです。動的に私はテーブルに行を追加しています、行は時々テーブルの真ん中に追加され、時には2ページに追加されます。テーブルの上または下にdatatable行を追加しますか?

しかし、私はテーブルの一番上またはテーブルの最後を追加します。それはできますか?どうやって?

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); 

答えて

2

新しく追加されたデータの位置は、DataTableに適用された順序付け条件に完全に基づいています。

DataTableの最後にRowを追加するとします。したがって、次の手順を実行する必要があります。

  1. DataTableに新しい行を追加します。

  2. 指定した順序でデータテーブルを描画します。

  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

関連する問題