2016-12-20 4 views
0

私は次の質問があります。私は最初の列の降順で注文するDataTable(jQuery)を持っています。私がしようとしているのは、テーブルが10行を超えないようにカウント(例10)に達している場合は最後の行を削除することです。 私はいくつかの方法をすべて成功させずに試みました。どんな助けもありがとう。DataTable(jQuery)最後の子を削除します

更新:何らかの理由で、最初の行だけが削除されます。

// This is where I assign the DataTable to a variable. 
    var unprintedTable = $('#unprinted-table').DataTable({ 
      "order": [ 
       [1, "desc"] 
      ] 
    }); 

    var unprintedLogLength = 5; 
    var unprintedLogCount = 0; // Incremented when a new row is added. 

    if (unprintedLogCount > unprintedLogLength) { 
     unprintedTable.row($(this).parent('tr:last-child')[0]).remove(); 
    } 
+1

を試してみてください? 「これ」とは何ですか? – Curt

+0

'$(this).parent( 'tr:last-child')[0]'ここにあなたの問題があります。これはすべての細胞ですか? tr =>すべての行の最後のセルを取る=> [0]は、このセレクションで最初に見つかったものだけを取る? =最初の行の最後のセル –

+3

DataTableにページごとに許可されるレコード数を定義するオプションがあることは間違いありませんか? https://datatables.net/reference/option/pageLength – rabelloo

答えて

1

現在のコンテキストでどのようなこのワン

<button onclick="RemoveLastRow()">Remove Last Row</button> 
    <table id="MyTable" class="table table-bordered table-striped" width="100%" cellspacing="0"> 
     <thead> 
      <tr> 
       <th>Column 1</th> 
       <th>Column 2</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td><button class="Mybtn">Click me</button></td> 
       <td>Hello</td> 
      </tr> 
     </tbody> 
    </table> 

    <script> 
     var Dtable; 
     $(document).ready(function() { 
      Dtable = $("#MyTable").DataTable(); 
     }); 


     function RemoveLastRow() { 
      Dtable.row(Dtable.data().length).remove().draw(false);   
     ); 
    </script> 
関連する問題