数据表自举分页 - 只显示一个/下一个(datatables bootstrap paginatio

2019-08-17 15:57发布

被整合的jQuery插件数据表到我的Rails应用程序,通过rweng / jQuery的数据表 - 轨道的宝石。 这很棒。 我甚至至今,以与引导样式它去。

所以,我有引导,并为雷分页(不知道的事项)。 有一个雷引导宝石为好。

无论如何,数据表表显示上一页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')

Answer 1:

需要注意的是这个答案提到了一个旧版本的数据表中。 有现在起6个分页选项 :

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


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

sPaginationType

数据表具有两个不同的内置分页交互方法(“twobutton”或“fullnumbers”),它呈现出不同的页面控制给最终用户。 进一步的方法可以使用API​​(见下文)中加入。

更新:显然,引导插件迫使自己的分页布局。 你可以这样做,而不是:

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


Answer 2:

你有6个选项:

  • numbers只有页码按钮-
  • simple只有“上一页”和“下一页”按钮-
  • simple_numbers - “上一页”和“下一页”按钮,加上页码
  • full - “第一”,“上一页”,“下一页”和“最后一个”按钮
  • full_numbers - “第一”,“上一页”,“下一页”和“最后一个”按钮,加上页码
  • first_last_numbers - “第一”和“最后”按钮,加上页码

numbersfirst_last_numbers最近添加的选项。

(SRC: http://www.datatables.net/examples/basic_init/alt_pagination.html )


所以你的情况:

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


文章来源: datatables bootstrap pagination - only show previous / next