2019-08-08 Bootstrap Table 合并单元格-行

合并相同数据

$table.bootstrapTable('destroy').bootstrapTable({
                url: "floodForecast/floodForecastByTime?date=" + params,
                striped: true,
                toolbar: '#selectDate',
                toolbarAlign: 'right',
                columns: mainColumns,
                data: [],
                onLoadSuccess: function (data) {
                    mergeRowspans('#sy-table',0,['skxjb','skgc','skbb','skwl'],3);
                }
            });

参数:
targetTable --- 表名
merIndex --- 合并行索引- 表头以下0开始
fieldArr --- field的数组
rowSum --- 需要合并的行数

//合并行

mergeRowspans = function (targetTable, merIndex,fieldArr,rowSum) {
    for (var i = 0;i < fieldArr.length;i++){
        $(targetTable).bootstrapTable('mergeCells', {index: merIndex, field: fieldArr[i], rowspan: rowSum});
    }
}
效果如图:
合并之前
合并之后

仅供参考!!!

你可能感兴趣的:(2019-08-08 Bootstrap Table 合并单元格-行)