ボタンをテーブルフッターに追加

Question

私はデータシートフッタ領域に「新規追加」ボタンを追加して、クリックすると新しいフォームを追加する方法を探しています。私はdatatablesのウェブサイトを見てきましたが、これを使うべきかどうかは分かりません。

http://datatables.net/extras/tabletools/

この上の任意の他の考え？

var oTable = $('#users').dataTable({ 
    "bAutoWidth": false, 
    "aoColumnDefs": [ 
     { "sWidth": "60px", "aTargets": [ 0, -1 ] }, 
     { "bSortable": false, "aTargets": [ -1 ] }, 
     { "sClass": "center", "aTargets": [ 0, -1 ] } 
    ] 
}); 

Answer 1

TableToolsは必要ありません。

データテーブルでは、テーブルのDOMレイアウトを指定するsDOMプロパティを設定できます。それについての詳細はhereを読むことができますが、それを呼び出すことの要点は、divというカスタムを指定してフッターに置くことができるということです。 jQueryを使用して、そのdivなどのボタンにボタンを追加することができます。さらに、CSSはフッター内のその要素の配置に適しています。

Here's more on the Datatables DOM settings

And here's a good question in the Datatables forum that might help you out

幸運！

更新日：私はちょうどあなたのサイトに行って、データセットの設定を見ました。テンプレートを使用しているため、提供しているデータ・コードはある程度まで荒廃しています。つまり、datatables.netサポート・サイトに表示される「デフォルト」の一部が適用できないことを意味します。彼らは間違いなくsDomをデフォルトに変更しました。ここでは...、彼らが使用しているものです：

'<"top"lf<"clear">>rt<"actions"<"actions-left"i><"actions-right"p>>' 

「アクション」は彼らのフッターdivであるように見えます。簡単な方法は、$(selector).append()でボタンを動的に追加することです。助けが必要な場合は、jQueryサイトにアクセスしてください。

もう一度 - 運が最高です！

UPDATE 2：あなたのコメントに応えて：

セレクタでしょうか？

セレクタは'#actions'になります。しかし、もう一度 - 上記の$の構文に精通していない場合は、jQueryで読んでください。あなたが既にjQueryに精通していて、使用するセレクタIDを探していたなら、私のお詫びになりました（この場合は、後で参照するためにデータテーブル内の引用符で囲まれたものはsDomのパラメータになります）。divあなたのセレクター）。