4

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

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

无论如何,DataTables 表显示了前一个 1 2 3 4 5 下一个,而且它很粗。我怎样才能丢失数字,然后只有 previoius 下一个?

当前调用数据表:

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')
4

2 回答 2

14

您有 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"
});
于 2014-11-10T17:00:06.327 回答
3

请注意,此答案指的是旧版本的 DataTables。现在有六个分页选项

numbers - 仅限页码按钮 (1.10.8)
simple - 仅限“上一个”和“下一个”按钮
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;}
于 2013-03-15T17:20:23.043 回答