引导表实现合并相同行

本文实例为大家分享了bootstrapTable实现合并相同行的具体代码，供大家参考，具体内容如下

方法：调用合并单元格（数据、字段名、目标),可以实现合并相同行

var table=$(' # table ')；//初始化表格桌子。bootstraptable({ URL $ :fn。bootstraptable。默认值。延伸。index _ URL，pk: 'id '，sortName: 'update_time '，search: false，toolbar: '#toolbar '，commonSearch: true，pageSize : 12，searchFormVisible: true，查询参数3360 function(params){//这里可以追加搜索条件var过滤器=JSON。解析(参数。过滤器)；var op=JSON。解析(参数。op)；//这里可以动态赋值，比如从统一资源定位器中获取管理员编号的值，过滤器。admin _ id=fast。API。查询(' admin _ id ')；//过滤器。admin _ id=1；if(filter.is_bujiao=='是)过滤器。is _ bujiao=1 if(滤波器。is _ bujiao=='否)过滤器。is _ bujiao=0 op . username=' like参数。filter=JSON。stringify(过滤器)；参数。op=JSON。stringify(op)；返回参数；}，第3360列[{字段： ' total _ order _ id '，标题： '总订单号，sortable: true，width: '150px '，formatter :表。API。格式化程序。搜索}]，onLoadSuccess:函数（数据){ mergeCells(数据，' total_order_id '，$(' # table ')；}, });//为表格绑定事件Table.api.bindevent(表);/** * 合并相同行* @param数据原始数据（在服务端完成排序)* @param fieldName合并属性数组* @param目标目标表格对象*/function mergeCells(数据、字段名称、目标){ setTimeout(函数(){ if(数据。行。长度==0){ return；} var NuMarr=[]；定义变量数=0;var zhi ' Danif(data.rows.length1){ for(让I=0；一、数据。行。长度；i ) { if(data.rows[i][fieldName]！='数据。行[I][字段名]！='-'){ if(数据。行[I-1]){ if(数据。行[I-1][字段名]！='数据。行[I-1][字段名]！='-'){ if(数据。行[I-1][字段名]===数据。行[I][字段名]){ number } else { number=number 1 NuMarr。push({ index : I-number，number:number，pan:'1'}) number=0 } } } if(！数据。行[I 1]){ number=number Numarr。push({ index : I-number，number:number 1，pan : ' 2 ' })number=0 } else { if(data。行[I 1][字段名]==' ' | |数据。行[I 1][字段名]='='-'){ number=number Numarr。推送({ index : I-number，number 3: number 1，pan: ' 3 ' })为(让x=0；x numArr.lengthx ) { if(x%2){ for(让y=0；ynumArr[x][' number ']；y ){ $(目标)。儿童(' tbody ').儿童(' tr ').eq(numArr[x]['index'] y).css('background '，' #ccc') } }else{ for(让y=0；ynumArr[x][' number ']；y ){ $(目标)。儿童(' tbody ').儿童(' tr ').eq(numArr[x]['index'] y).css(“”背景，' #FFF') } } $(目标)。bootstrapTable('mergeCells '，{ index: numArr[x]['index']，field: fieldName，colspan: 1，行跨度： NuMarr[x][' number ']})；} },0)}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。