現在、プロジェクトの 1 つで jQuery データテーブルを使用しています。私が立ち往生しているのは、新しい行を動的に追加し、同時に行をアルファベット順に追加できるようにすることです。
API から fnadddata を使用して行を追加する必要があることは理解していますが、この関数は新しい行をテーブルの最後に追加するだけです。アルファベット順に追加されません。したがって、行を手動で追加する位置を見つけるために、独自のコードを作成します。
$(".rowList").each(function( ) {
if( $(this).text( ).toLowerCase( ) > eObj.response.name.toLowerCase( ) ) {
$(this).closest("tr").before( eObj.response.html ); // html is the new row from server
return false;
}
}
上記のコードはアルファベット順の位置を検出し、それに応じてテーブルに新しい行を作成します。ただし、もちろん、データテーブルの fnaddData 関数を使用していないため、行が追加され、テーブルのイベント (並べ替え、検索、フィルタリングなど) をクリックすると、新しい行が消えました。
これは、データテーブルの DOM とキャッシュの問題のために理解しています。それで、これを処理する方法はありますか?