jquery-plugins - 数据表 jQuery 插件

Question

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

有可能改变吗？以下是我引用的链接。请帮忙..

http://datatables.net/

Answer 1

是的，您可以使用 DOM 自定义来执行此操作以及更多操作，如本示例所示

基本上你必须使用 sDom 参数

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

l - 长度变化
f - 过滤输入
t - 表格！
i - 信息
p - 分页
r - pRocessing
< 和 > - div 元素
<"class" 和 > - 带有类的 div
示例：<"wrapper"flipt>, ip>

因此，例如，您可以使用

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

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