dataTable 改变搜索框位置

在“假药度”找了半天也找不到答案,只有自己琢磨出来。

 * 修改版本     1.9.4
 * dataTable 类型        jquery.dataTables.js

我在做项目中用到这个插件,http://www.datatables.club/,Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。

废话不说,看效果图:


因为刚下载的插件是英文版,所以自己改了好多东西才把它汉化,当然汉化不准确,如何更改快速检索和显示条数的位置呢,默认是条数在做,检索在右,感觉不符合中国人的审美。

大家打开这两个文件


可以看到我选的这个插件支持的是bootstrap,所以打开这个文件看到:


细看可以发现,<'col-xs-6'f> 是搜索框,<'col-xs-6'l>是显示多少条,替换一下位置就行,这样改变了他两的html 位置。你以为这样就完了?

刷新页面发现,位置确实换过来了,但显示是这样的:


审查元素看一眼就知道,把css改一下,快速检索改为左浮动,显示条数改为右浮动。


改成这样就行了!


你可能感兴趣的:(前端插件)