删除并替换数据表中的按钮

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为false）或sDom: '<"H"lfr>t<"F"ip>'（如果bJQueryUI为true），这意味着您将删除长度选择小部件。

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

那是关于CSS的。我假设你的新小部件放在数据表之前。这将允许以前浮动：

div.dataTables_wrapper { clear: none; }

搜索编辑输入为float: right;，默认情况下该表格为clear: both;。因此，您可以将添加按钮设为float: left;，这样可以解决您的问题。

请参阅jsfiddle I've done with that。

Answer 2

现在添加

后看起来像这样

 float:left