【问题标题】:Data Tables jQuery plugin数据表 jQuery 插件
【发布时间】:2012-09-08 11:49:29
【问题描述】:

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

可以改变吗?以下是我引用的链接。请帮忙。。

http://datatables.net/

【问题讨论】:

    标签: jquery-plugins pagination datatables


    【解决方案1】:

    是的,您可以使用 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'
      });
    });
    

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

    【讨论】:

    • 非常感谢 Nicola...通过一些 CSS 更改,它现在可以按我想要的方式显示...如果没有您的帮助,我无法解决这个问题...
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-03
    • 2011-04-12
    • 2012-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多