7

テーブルの下部にあるテーブルに「更新」ボタンを追加したいと考えています。しかし、私はデータテーブルを使い始めたばかりで、その方法でこれを行うことができると書かれている「sDom」の部分と同じように少し混乱していますが、説明はせいぜいあいまいです。

"sDom": '<"top"i>rt<"bottom"flp><"clear">'

はdatatables.netの例ですが、その頭や尾を作る方法がわかりません。やりたいことは1つの簡単なことだけです。

それとも、私がやりたいことにより適した「sDom」の外側がありますか?

4

2 に答える 2

7

変更された の実際の例を次に示しsDomます。

http://live.datatables.net/onaqul/edit#javascript,html,live

ここでは、 structtrue で called をdiv注入しています。<div id="refresh"></div><"#refresh">

    $('#example').dataTable({
        "sDom": '<"top"i>rt<"bottom"<"#refresh">flp><"clear">'
      });

例で生成された dom を調べると、 の<div id="refresh"></div>中に挿入されていることがわかります<div class="bottom"></div>。

（1）特定のテーブルにフッター要素がどのようにレイアウトされているか、（2）sDomを使用して特定の要素を挿入することを決定した場所、および（3）を使用して要素のスタイルを設定する方法に大きく依存すると思いますCSS。

または、datatables 環境の外でボタンを作成することもできますが、jquery を使用して、datatables が作成する dom 要素の 1 つにボタンを追加または先頭に追加します。

これが有用な出発点になることを願っています。

于 2012-05-25T22:12:10.660 に答える
3

'sDom'DataTablesプロパティが紛らわしいことに同意します。個人的には、テーブルだけを作成するsDomequal を設定し't'、jQuery またはその他の方法を使用して、DataTables コードの外側にボタンまたは何かを追加します。答えはあまりありませんが、私があなたの状況にあり、ボタンを追加するような簡単なことをしたい場合は、そうします。

于 2012-05-25T22:02:38.980 に答える