datatables - jqueryデータテーブル内に「処理」を表示するにはどうすればよいですか?

Question

サーバー側の処理でjquery datatables(angular datatables)を使用しています。「処理中」というメッセージがテーブルの上にあります。sDOM(lfrtip)で位置を変えることはできますが、データテーブルの中に入れる(pをtに入れる)ことはできますか?

Answer 1

はい...いくつかの方法があります。「読み込み中の gif」を使用するのが好きです。したがって、HTML は次のようになります。

<table  id="main_index">
<img id="loading_gif" src="images/ajax-loader.gif"> <!--this is your loading image or div-->
</table>

次に、テーブルがロードされたら、この .gif を非表示にします。これには datatables コールバック関数を使用します。例えば：

$("#main_compare").DataTable({
//all of your other datatables configuration followed by a comma then...
"drawCallback": function(settings, json) {
            $('#loading_gif').hide(); //hides the loading image once table is loaded
            //do anything else you want to have happen only once the table is loaded
                }
})

編集

あなたのコメントに基づいて、これがあなたが探しているものだと思います。

ロード中にテーブルの領域内にメッセージを表示する場合は、次の構造を使用します。

<table  id="main_index">
    <div id="table_processing">Whatever text you want</div> 
    </table>

次に、元の回答のコードを使用してこれを非表示にし、テーブルの読み込み時にこの div を非表示にすることができます。