javascript - 删除和替换数据表中的按钮

Question

我在我的元素中集成了数据表，它的工作非常棒，但现在因为我不需要条目数 [filter]，所以我通过使用删除了它

   display:none

在我的样式表中，现在我需要的是我不知道如何将“添加新”按钮移动到条目过滤器的位置 [在下图中]。任何帮助，将不胜感激。提前致谢......

Answer 1

我假设您使用的是 JQuery DataTables Plugin .

1 - 移除长度选择器

要删除条目数选择器，您应该相应地配置 DOM 元素/定位，这样可以避免添加而不是仅仅隐藏一些元素。该插件有一个示例:

http://www.datatables.net/release-datatables/examples/basic_init/dom.html

sDom文档:

http://datatables.net/ref#sDom

您需要做的第一件事是从 sDom: "lfrtip" 中删除“l” (如果 bJQueryUI 为假)或 sDom: '<"H"lfr>t<"F"ip>' (如果 bJQueryUI 为真)，这意味着您将删除长度选择小部件。

2 - 在放置长度选择器的位置放置另一个小部件

那是关于 CSS 的。我假设您的新小部件刚好放在数据表之前。这将允许之前的 float :

div.dataTables_wrapper { clear: none; }

搜索编辑输入是 float: right;并且该表有一个 clear: both;默认情况下。所以你可以让你的添加按钮成为 float: left; ，这应该可以解决您的问题。

参见 jsfiddle I've done with that .