参数对照表:http://datatables.club/upgrade/1.10-convert.html
如题,怎么在bootstrap table中显示序号,序号递增,并且分页有效,等于是每页10条,第2页的序号可以从11开始到20。
之前的是这样写的columns的序号:
columns:[{ field: '序号', title: 'number', 5 , align:'center', switchable:false, formatter:function(value,row,index){ return index+1;//这样的话每翻一页都会重新从1开始, } }]
怎么能让序号翻页之后也能继续递增,而不是由从1开始递增?
方式如下:
columns:[{ field: 'number', title: '序号', 5 , align:'center', switchable:false, formatter:function(value,row,index){ //return index+1; //序号正序排序从1开始 var pageSize=$('#tableId').bootstrapTable('getOptions').pageSize;//通过表的#id 可以得到每页多少条 var pageNumber=$('#tableId').bootstrapTable('getOptions').pageNumber;//通过表的#id 可以得到当前第几页 return pageSize * (pageNumber - 1) + index + 1; //返回每条的序号: 每页条数 * (当前页 - 1 )+ 序号 } }]
1.9.4添加序列方法:
$(document).ready(function() { var t = $('#example').DataTable( { "columnDefs": [ { "searchable": false, "orderable": false, "targets": 0 } ], "order": [[ 1, 'asc' ]] } ); t.on( 'order.dt search.dt', function () { t.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) { cell.innerHTML = i+1; } ); } ).draw(); } );