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改一下,快速检索改为左浮动,显示条数改为右浮动。


改成这样就行了!


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值