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

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

所以,我有引导,kaminari为分页(不确定是否重要)。 还有一个kaminari-bootstrapgem。

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

目前正在调用数据表:

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

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

你有4个选择:

  • simple – 仅“上一个”和“下一个”按钮
  • simple_numbers – “上一个”和“下一个”按钮,以及页码
  • full – “第一个”,“上一个”,“下一个”和“最后”按钮
  • full_numbers – “第一个”,“上一个”,“下一个”和“最后”按钮,以及页码

所以在你的情况下:

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

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