bootstraptable合并标题_Bootstrap-table 单元格合并 、表头合并

1.页面引入js/css

@*1、Jquery组件引用*@

@*2、bootstrap组件引用*@

@*3、bootstrap table组件以及中文包的引用*@

2.页面定义一个table

3.初始化js文件

function initTable() {

$('#table').bootstrapTable('destroy');

$('#table').bootstrapTable({

url: ctx + 'mergeCell/mergeCellData',

method: 'post',//请求方式

contentType: "application/x-www-form-urlencoded",

sortOrder: "desc",

uniqueId: "tid", // 每一行的唯一标识，一般为主键列

striped: true, //是否显示行间隔色

pagination: true, // 是否分页

sidePagination: "client",//分页方式：client客户端分页，server服务端分页(*)

striped: true, // 是否显示行间隔色t

pagination: true, // 是否分页

pageSize: 10,

pageList: [10,15,30],

responseHandler: false,

columns: [

[

{field: 'tname', title: '名称', rowspan: 2, valign: 'middle', halign: "center", align: 'center'},

{field: 'tid', title: '主键', rowspan: 2, valign: 'middle', halign: "center", align: 'center'},

{field: 'tcode', title: '代码', rowspan: 2, valign: 'middle', halign: "center", align: 'center'},

{field: 'createTime', title: '时间', rowspan: 2, valign: 'middle', halign: "center", align: 'center'},

{title: '地区', colspan: 2, align: 'center', valign: 'middle', halign: "center", align: 'center'}

],

[

{field: 'strDefault1', title: '地区一', align: 'center', halign: "center"},

{field: 'strDefault2', title: '地区二', align: 'center', halign: "center"}

]

],

});

$('#table').bootstrapTable('resetView');

}

4.合并单元格的js

/*

合并行

@param data 原始数据(在服务端完成排序)

@param fieldName 合并属性名称数组

@param colspan 列数

@param target 目标表格对象

*/

function mergeCells(data, fieldName, colspan, target) {

if (data.length == 0) {

alert("不能传入空数据&