如何自定义bootstrap数据表搜索框并记录视图位置

Question

当我使用bootstrap样式创建数据表时，我遇到了问题。我从这个网站获得了数据表（http://datatables.net/manual/styling/bootstrap）

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

之前：

我希望像这样

如何自定义？哪些javascript代码必须更改或只是用jquery进行足够的自定义？

Answer 1

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

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

当你理解写作

     $('#example').dataTable({


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


      );
});

这将使搜索框中有一个名为＆＃34的类;搜索＆＃34;并保持原样 现在，您可以使用css轻松编辑搜索框的位置 如果你想像你发布的图片那样写

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

Answer 2

＆＃34; sDom＆＃34;：＆＃39;的＆LT;＆＃34;下拉＆＃34; L＆GT; ＆＃39;

和css：

.dropdown {     浮动：正确; }