bootstrap-table加载数据序号自增实现

初始化表格时，序号自增实现方法：

$("#table-list-webhoo").bootstrapTable({
.........   //省略了相应的参数配置
columns : [ {  //序号自增实现方法
title : '序号',
field : 'xh',
formatter: function (value, row, index) {
return index+1;
}
},{
title : '商品名称',
field : 'goods_name',
}, {
title : '编码',
field : 'code',
},
..........
,{
title : '操作',
field : 'opt',
formatter: function () {
return '\
<div class="btn-group btn-group-sm">\
<button type="button" class="btn btn-danger">删除</button>\
</div>';
}
}]
});

表格数据动态加载和追加的序号自增实现方法（append是追加数据，load是加载数据）:

$("#table-list-webhoo").bootstrapTable('append', [{
xh:function (value, row, index) {
return index+1;
},
goods_name:dataGoods.goodsName,
code:dataGoods.goodsCode,
goods_spec:dataGoods.goodsSpec,
unit:"件",
sale_price:dataGoods.salePrice,
sale_money:dataGoods.salePrice,
goods_count:1,
goods_money:dataGoods.salePrice,
opt:function () {
return '\
<div class="btn-group btn-group-sm">\
<button type="button" class="btn btn-danger">删除</button>\
</div>';
}
}]);

转载于：https://www.dsboke.com/2020/05/28/bootstrap-table_jia_zai_shu_ju_xu_hao_zi_zeng_shi_xian/