今天在用bootstrap中的table插件时,
遇到了一个困住同事和我很久的问题,
就是如何让表格中的数据从1有序排列下去。
根据table插件提供的formatter函数中(index+1)的话,
分页后的每页数据都是从编号1开始,并不符合实际使用环境。
集思广益,开始想办法。
方案一:
改源码,解决id问题。
打开bootstrap-table.js文件
在2930行后,加入如下代码
BootstrapTable.prototype.getPage = function (param) {
return this.options.pageSize
* (this.options.pageNumber - 1);
};
在allowedMethod的’updateFormatText’后
加一个【,’getPage’】(约2967行左右)
至此,源码编写完毕,保存关闭之。
在js中需要写编号的列中加入
title : "编号",
formatter:function(value,row,index){
return sss.bootstrapTable("getPage")+index+1;
}
方案二:
设置一个变量,相对简单,不需要改动源码
var os = ""
os = msg.offset;
title : "编号",
formatter:function(value,row,index){
return return os+index+1;
}
目前就想到了两种解决方案,肯定还会有更好的解决办法,继续学习···
BTW:bootstrap-table有一个小bug啊,
就是翻页到最后,然后在搜索框输入条件后,
第一次点击是查不到符合条件的数据的,第二次点击才可以
希望遇到同样问题的小伙伴一起讨论学习