bootstrap 列表前添加序号 1.10版本
参数对照表:http://datatables.club/upgrade/1.10-convert.html
如题,怎么在bootstrap table中显示序号,序号递增,并且分页有效,等于是每页10条,第2页的序号可以从11开始到20。
之前的是这样写的columns的序号:
columns:[{ field: '序号', title: 'number', width:5 , align:'center', switchable:false, formatter:function(value,row,index){ return index+1;//这样的话每翻一页都会重新从1开始, } }]
怎么能让序号翻页之后也能继续递增,而不是由从1开始递增?
方式如下:
columns:[{ field: 'number', title: '序号', width: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(); } );
https://datatables.net/examples/api/counter_columns.html
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步