如何自定义引导数据表搜索框和记录视图位置

Posted 2023-02-22

【中文标题】如何自定义引导数据表搜索框和记录视图位置

【英文标题】：how to customize bootstrap datatable search box and records view position

【发布时间】：2014-07-06 14:33:15

【问题描述】：

我在使用引导样式创建数据表时遇到问题。我从这个网站获得了数据表 (http://datatables.net/manual/styling/bootstrap)

根据我创建的视图，我发现较少。我在表格上方制作导航栏。所以我想制作搜索框并查看我放在 navbar-right 中的记录。因为这就是我想要的。

之前：

我想成为这样的人

如何自定义这个？必须更改的 javascript 代码或仅使用 jquery 进行的足够自定义？

【问题讨论】：

搜索框可能在表头，不在数据表内，需要使用自定义html。

您应该将您的代码放在Jsfiddle 中，这样我们可以更轻松地为您提供帮助。

【参考方案1】：

http://datatables.net/examples/basic_init/dom.html

仔细阅读然后来阅读其余的评论 这是一个例子：

当你懂的时候写

     $('#example').dataTable(


      "dom":' <"search"f><"top"l>rt<"bottom"ip><"clear">'
    


      );
);

这将使搜索框有一个名为“搜索”的类，而其他所有内容都保持原样 现在您可以使用 css 轻松编辑搜索框的位置 如果你想像你发布的图片那样写就写

"dom":' <"search"fl><"top">rt<"bottom"ip><"clear">'

【参考方案2】：

"sDom":''

和css：

.dropdown 浮动：右；