0
平均行数100のデータテーブルがあります。ページサイズを10行に設定しました。すべてが機能していますが、いつでも<tbody>
には10個のタグが含まれています(<tr>
)。私は100行すべてをDOMに入れる必要がある状況にあります。どうすればこれを達成できますか?データテーブルのページングの場合にDOM内のすべての行を保持する方法
平均行数100のデータテーブルがあります。ページサイズを10行に設定しました。すべてが機能していますが、いつでも<tbody>
には10個のタグが含まれています(<tr>
)。私は100行すべてをDOMに入れる必要がある状況にあります。どうすればこれを達成できますか?データテーブルのページングの場合にDOM内のすべての行を保持する方法
APIメソッドを使用して、すべてtr
要素にアクセスします。例えば、
$('#example').DataTable()
.$('tr')
.addClass('important');
使用すると、DOMに存在しないtr
要素からイベントを処理するイベントハンドラを委任しました。たとえば、
$('#example').on('click', 'tr', function(){
// ... skipped ...
});
DOMに追加する数を制御する代わりに、javascriptまたはファンシーCSSを使用して、非表示にするすべての要素の表示値を切り替えることができます。 –
なぜそれらをDOMに必要としますか? APIを使用して隠れノードに簡単にアクセスできます。 @SimonHyll、いいえ、それはdataTables自体がDOMノードを非表示にして表示するためです。 – davidkonrad
ここでは、ページサイズを10行に設定しました。それはあなたが使っているフレームワークかライブラリですか? – vishva8kumara