向jQuery Datatable添加刷新按钮

时间:2012-07-10 13:35:26

标签: jquery datatables

我的应用程序中有一个dataTable。我需要在数据表中的搜索文本框附近添加一个“刷新”按钮,以便在用户单击它时刷新表。我已经找到了刷新功能。

我遇到的问题是如何在数据表中包含此按钮?我想在我的结束脚本中访问此按钮id

有什么建议吗?任何人都可以说出bJQueryUI的用途是什么?

4 个答案:

答案 0 :(得分:28)

我只是使用以下代码:

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

答案 1 :(得分:4)

以下是从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

答案 2 :(得分:0)

我有一个类似的问题,我可以使用数据表的sDom参数解决。

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

基本上它允许你在数据表中放置一个id为div的div。然后我使用javascript将按钮插入该div。

答案 3 :(得分:0)

您可以制作双标题,然后使用第二个标题作为按钮。

bJqueryUI允许您使用jQueryUI主题或主题滚轮。因此,如果在初始化数据表之前添加jQueryUI,则可以使用该样式而不是默认样式。