jquery - jQueryDatatableに更新ボタンを追加する

Question

アプリケーションにdataTableがあります。ユーザーがテーブルをクリックしたときにテーブルを更新するには、データテーブル内の[検索]テキストボックスの近くに[更新]ボタンを追加する必要があります。更新機能を理解しました。

私が立ち往生しているのは、このボタンをデータテーブルに含めるにはどうすればよいですか？id終了スクリプトでこのボタンにアクセスしたいと思います。

助言がありますか？また、誰もが何の使用法を知ることができますbJQueryUIか？

Answer 1

私は単に次のコードを使用しました：

$('<button id="refresh">Refresh</button>').appendTo('div.dataTables_filter');

Answer 2

datatables.netからボタンを追加するためのサンプルページは次のとおりです

http://datatables.net/examples/advanced_init/dom_toolbar.html

そして、@ Mikeが言及したsDomのサンプルページは次のとおりです：http：//datatables.net/release-datatables/examples/advanced_init/dom_multiple_elements.html

Answer 3

ダブルヘッダーを作成し、2番目のヘッダーをボタンに使用することができます。

bJqueryUIを使用すると、jQueryUIテーマまたはテーマローラーを使用できます。したがって、datatableを初期化する前にjQueryUIを追加すると、デフォルトのスタイルの代わりにそのスタイルを使用できます。

Answer 4

datatablesのsDomパラメーターを使用して解決できた同様の問題がありました。

http://datatables.net/forums/discussion/37/the-sdom-parameter/p1

基本的に、データテーブル内にidを持つdivを配置できます。次に、JavaScriptを使用してボタンをそのdivに挿入しました。