jQueryのDataTableの削除が行</p> <p><a href="https://i.stack.imgur.com/Y3YjA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y3YjA.png" alt="enter image description here"></a></p> <p>のカップルとだけ

Question

私はテーブルを持っている最初の行に適用され、私は都市としての「ラバト」を含むすべての行を削除したいが、何も起こりませんでした。しかし、私が最初の行の値を変更したとき、それは機能しました。 それはなぜ最初の行だけのために働くのですか？ここで

は私のコードです：

$("#btnSave").click(function() { 
     var table = $("#mainTable").DataTable({}); 
     var nodes = []; 

     table.rows().every(function(rowIdx, tableLoop, rowLoop) { 
      if (this.data()[3] == 'Rabat') 
       nodes.push(this.node()) 
     }) 
     nodes.forEach(function(node) { 
      table.row(node).remove().draw() 
     }) 
}); 

HTMLコード：

<table id="mainTable" class="table table-striped"> 
         <thead> 
          <tr> 
           <th>ID</th> 
           <th>Name</th> 
           <th>Country</th> 
           <th>City</th> 
          </tr> 
         </thead> 
         @foreach (var item in Model) 
         { 
          <tbody> 
           <tr> 
            <td>@item.id</td> 
            <td>@item.name</td> 
            <td>@item.country</td> 
            <td>@item.city</td> 
           </tr> 
          </tbody> 
         } 
    </table> 

Answer 1

あなたが誤って複数の作成<tbody>の

@foreach (var item in Model) 
{ 
<tbody> 
    <tr> 
     <td>@item.id</td> 
     <td>@item.name</td> 
     <td>@item.country</td> 
     <td>@item.city</td> 
    </tr> 
</tbody> 
} 

が

する必要があります10

DataTablesは一度に1つしか<tbody>を処理できません。その理由は、最初の行でのみ機能するからです。

さらに、var table = $("#mainTable").DataTable()を使用してdataTableインスタンスを取得する必要があります。中括弧を使用する、つまりオブジェクトを渡すと、誤ってテーブルも再活性化します。