Question

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

所以，我有自举和kaminari的分页（不确定是否重要）。还有一个kaminari-bootstrap宝石。

无论如何，DataTables表显示了之前的1 2 3 4 5，它只是厚实的。我怎么能丢失这些数字，接下来只有previoius？

目前正在调用datatable：

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

Answer 1

您有6个选项：

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

最近添加了numbers和first_last_numbers选项。

（src：http://www.datatables.net/examples/basic_init/alt_pagination.html）

所以在你的情况下：

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

Answer 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;}

datatables bootstrap分页 - 仅显示上一个/下一个

2 个答案: