【发布时间】:2012-09-08 11:49:29
【问题描述】:
我正在使用 jQuery 数据表插件进行排序、过滤和分页,如下面的链接所示。它工作得很好。没有问题。分页显示在表格的右下角。我希望它显示在表格顶部的搜索框旁边。我尝试更改 css 但没有成功。
可以改变吗?以下是我引用的链接。请帮忙。。
【问题讨论】:
标签: jquery-plugins pagination datatables
我正在使用 jQuery 数据表插件进行排序、过滤和分页,如下面的链接所示。它工作得很好。没有问题。分页显示在表格的右下角。我希望它显示在表格顶部的搜索框旁边。我尝试更改 css 但没有成功。
可以改变吗?以下是我引用的链接。请帮忙。。
【问题讨论】:
标签: jquery-plugins pagination datatables
是的,您可以使用 DOM 自定义来做到这一点以及更多,如 this example 所示
基本上你必须使用 sDom 参数
在为您自己的用途自定义 DataTables 时,您可能会发现功能元素(过滤器输入等)的默认位置不太符合您的喜好。为了解决这个问题,DataTables 从 CSS 3 高级布局模块中汲取灵感,并提供了 sDom 初始化参数,可以设置该参数以指示您在 DOM 中出现哪些特定功能。您还可以指定 div 包装容器(带有类)以提供完整的布局灵活性。可用的语法是:
l - 长度变化
f - 过滤输入
t - 桌子!
i - 信息
p - 分页
r - 处理
- div 元素
- 带有类的 div
例子:, ip>
所以例如你可以使用
$(document).ready(function(){
$('#example').dataTable({
"sDom" : 'lpfrti'
});
});
【讨论】: