【问题标题】:datatables bootstrap pagination - only show previous / next数据表引导分页 - 仅显示上一个/下一个
【发布时间】:2013-03-15 17:12:11
【问题描述】:

通过 rweng/jquery-datatables-rails gem 将 jquery DataTables 插件集成到我的 rails 应用程序中。这很棒。我什至用 bootstrap 来设置它的样式。

所以,我有 bootstrap 和 kaminari 用于分页(不确定这是否重要)。还有一个 kaminari-bootstrap gem。

不管怎样,DataTables 表显示了上一个 1 2 3 4 5 下一个,而且它只是很粗。我怎样才能丢失数字,而只有下一个?

当前调用数据表:

jQuery ->
  $('#companyBoxList').dataTable
    sDom: "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>"
    sPaginationType: "bootstrap"
    bJQueryUI: true
    bProcessing: true
    bServerSide: true
    sAjaxSource: $('#companyBoxList').data('source')

【问题讨论】:

    标签: jquery ruby-on-rails-3 datatables


    【解决方案1】:

    您有 6 个选项:

    • numbers - 仅限页码按钮
    • simple - 仅限“上一个”和“下一个”按钮
    • simple_numbers - “上一个”和“下一个”按钮,以及页码
    • full - “第一个”、“上一个”、“下一个”和“最后一个”按钮
    • full_numbers - “第一个”、“上一个”、“下一个”和“最后一个”按钮,以及页码
    • first_last_numbers - “第一”和“最后”按钮,加上页码

    最近添加了 numbersfirst_last_numbers 选项。

    (来源:http://www.datatables.net/examples/basic_init/alt_pagination.html


    所以在你的情况下:

    // Code jQuery.
    $('#companyBoxList').dataTable({
      pagingType: "simple"
    });
    

    【讨论】:

      【解决方案2】:

      请注意,此答案指的是旧版本的 DataTables。现在有六个pagination options

      数字 - 仅限页码按钮 (1.10.8)
      简单 - “上一个”和 仅“下一个”按钮
      simple_numbers - “上一个”和“下一个”按钮, 加上页码
      完整 - “第一页”、“上一个”、“下一个”和“最后一个” 按钮
      full_numbers - “第一个”、“上一个”、“下一个”和“最后一个”按钮, 加上页码
      first_last_numbers - “第一”和“最后”按钮, 加上页码


      http://www.datatables.net/usage/options

      sPaginationType

      DataTables 具有两种不同的内置分页交互 呈现不同页面的方法(“twobutton”或“fullnumbers”) 控制最终用户。可以使用 API 添加更多方法 (见下文)。

      更新:显然 Bootstrap 插件会强制使用自己的分页布局。你可以这样做:

      #my_table .pagination li {display: none;}
      #my_table .pagination li.prev, #my_table .pagination li.next {display: inline;}
      

      【讨论】:

        猜你喜欢
        • 2014-11-26
        • 2010-11-23
        • 2018-09-12
        • 2012-03-15
        • 1970-01-01
        • 2016-12-18
        • 2021-04-14
        • 1970-01-01
        • 2020-02-19
        相关资源
        最近更新 更多