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

Question

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

   display:none

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

在此处输入图像描述

score 1 · Accepted Answer

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

1 - 移除长度选择器

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

sDom文档：

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

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

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

div.dataTables_wrapper { clear: none; }

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

score 0 · Accepted Answer

0

现在添加后是这样的

 float:left

在此处输入图像描述

于 2013-08-31T08:46:50.960 回答

2 回答 2