Datatables sDom挑戰在表格左下角添加新元素

Question

我想向表格底部的表格添加「刷新」按鈕。但我剛開始使用數據表，它有點混亂，就像「sDom」部分一樣，它說我可以通過這種方式做到這一點，但最好的描述是模糊的。

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

是datatables.net例子，但我不知道如何做頭或尾巴是和所有我想要做的是一件簡單的事情。

或者「sDom」的外部會更適合我想要做的嗎？

Answer 1

下面是一個修改後的sDom的實例。

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

這裏我們注入div叫<div id="refresh"></div>與structrue <"#refresh">。

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

如果您檢查在本例中生成的DOM， 你可以看到<div id="refresh"></div>得到了插入的<div class="bottom"></div>內。 （2）你決定使用sDom注入你的特定元素，以及（3）你如何用一個或多個元素設置元素的樣式您的CSS。

或者，您可以在數據表環境之外創建一個按鈕，但使用jquery將其添加或預先添加到其中一個dom元素數據表創建的按鈕。

希望這是一個有用的起點。

Answer 2

我同意你的觀點，DataTables 'sDom'屬性很混亂。就個人而言，我只是設置sDom等於't'，它只創建表格，並且使用jQuery或其他方法添加任何按鈕或DataTables代碼之外的其他部分。沒有太多的答案，但如果我處於你的情況，並且想要做一些簡單的事情就像添加一個按鈕那樣，我會這樣做。