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