数据表jQuery插件

时间:2012-09-08 11:49:29

标签: jquery-plugins pagination datatables

我正在使用jQuery数据表插件进行排序,过滤和分页,如下面的链接所示。它工作得非常好。没问题。分页显示在表格的右下角。我希望它显示在搜索框旁边的表格顶部。我尝试改变css但没有成功。

有可能改变吗?以下是我提到的链接。请帮忙..

http://datatables.net/

1 个答案:

答案 0 :(得分:0)

是的,您可以使用DOM自定义执行此操作以及更多内容,如this example

中所示

基本上你必须使用sDom参数

根据您自己的用途自定义DataTables时,您可能会发现要素元素的默认位置(过滤器输入等)并不完全符合您的喜好。为了解决这个问题,DataTables从CSS 3高级布局模块中获取灵感,并提供了sDom初始化参数,该参数可以设置为指示DOM中哪些特定功能出现在哪里。您还可以指定div包装容器(带有类)以提供完整的布局灵活性。可用的语法是:

l - 长度变化
f - 过滤输入
t - 桌子!
我 - 信息
p - 分页
r - pRocessing
<和> - div元素
<“class”和> - 班级与班级 示例:<“wrapper”flipt&gt ;,ip>

例如,您可以使用

$(document).ready(function(){
  $('#example').dataTable({
    "sDom" : 'lpfrti'
  });
});

http://live.datatables.net/awemoc/edit#javascript,html,live