將按鈕添加到表格腳註

我正在尋找一種方法，我可以添加一個「添加新的」按鈕到我的數據表腳註區域，以便點擊後將用戶添加到新的表單。我查看了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 ] } 
    ] 
});

來源

2012-04-22 Jeff Davidson

是否需要*在*表格頁腳？或者它可能僅僅在桌子下方，並且被設計爲與桌子相關？ – Marc 2012-04-22 18:43:57

'$（'

'）.insertAfter（'＃example_info'）;'在您鏈接的頁面的控制檯窗口中運行。像那樣的東西？ – Ohgodwhy 2012-04-22 18:47:37

下面是它的外觀http://jsfiddle.net/uf3v7/ – 2012-04-22 18:54:47

您不應該需要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網站。

再次 - 祝您好運！

更新2：針對您的評論：

會是什麼選擇呢？

您的選擇將是'#actions'。但是，再次 - 如果您不熟悉上面的$語法，您可以通過閱讀jQuery來獲得幫助。我很抱歉，如果你已經熟悉jQuery並且只是在尋找使用的選擇器ID（在這種情況下，爲了將來的參考 - 數據表sDom參數中的引號內的任何內容將是該div的ID，您可以使用它您的選擇器）。

來源

2012-04-24 13:15:30 mbeasley

它看起來不錯，但我沒有sDom套裝。它的默認值是什麼。我只是想添加一些東西，但不知道默認是什麼。 – 2012-04-24 17:06:18

這是jsfiddle和帶有datatables代碼的js文件，我在腳註中使用了mydatatables.js，並在文件中查找表#users。 http://jsfiddle.net/wVrqS/ – 2012-04-24 17:16:43

我發現了兩個選項，說它的默認BUT，當我把它們都放在它說，然後它改變它們的佈局，所以我不明白我的數據表。 – 2012-04-24 17:17:42

將按鈕添加到表格腳註

回答

相關問題