如何自定义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">'
    }


      );
});

这将使搜索框有一个名为"搜索"的类,并留下其他现在你可以使用css轻松编辑搜索框的位置,如果你想像你发布的图片那样写

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

Answer 2

"sDom":' <"dropdown"l> '

和css:

.dropdown { float:right; }