datatableプラグインを使用したテーブルがあります。私はこれを使用して動的に行を削除しようとしています:
$(document).ready(function() {
var oTable = $("table#demo-dtable-02").dataTable({"aaSorting": []});
$(".icon-remove").on('click',function(){
var anSelected = fnGetSelected( oTable );
deleted=oTable.fnDeleteRow(anSelected[0] );
});
});
次のエラーが発生します。ReferenceError:fnGetSelectedが定義されていません。使用してみました(ここから:jQuery Data Tablesプラグインがテーブル行を削除していません)
$(this).parent('tr').remove();
これはもちろん行を削除しますが、17エントリのうち1から10を表示するようにフッターのテキストをリセットしません。この方法を削除することは、これに対する最善の解決策ではありません。
私のDOMコードは次のようになります。
<?PHP
$count=1;
foreach($ledgers as $row) {?>
<tr >
<td><a onClick="viewDetails(<?PHP echo $row['id'];?>)" style="cursor:pointer"><?PHP echo $row['name'];?></a></td>
<td><?PHP echo $row['email'];?></td>
<td><?PHP echo $row['contact_number'];?></td>
<td>
<i class="icon-remove" rowcount=<?PHP echo $count;?> style="cursor:pointer; margin-right:5px" title="Remove Ledger" id="removeLedgerNow"></i>
<i class="icon-edit" style="cursor:pointer" title="Edit Ledger" onclick="viewDetails(<?PHP echo $row['id'];?>)"></i>
</td>
</tr>
<?PHP $count++; } ?>
コメント。