bootstrap table合并行数据并居中对齐效果

一、如何合并行数据

```javascript

$('tableStyle').bootstrapTable('mergeCells', {index: 1, field: 'name', rowspan: 3});

```

在上面的代码中，`index`表示要合并的单元格所在行的索引，`field`表示要合并的单元格所在的列字段名，`rowspan`表示要合并的行数。这样，你就可以轻松实现行数据的合并。

二、如何居中对齐

三、整体代码示例

```javascript

$('tableStyle').bootstrapTable({

url: '/table/tableStyle',

method:'post',

pagination: true,

pageNumber:1,

pageSize: 10,

pageList: [10, 25, 50, 100],

search: false,

sidePagination: "server",

onLoadSuess: function (data) {

$('tableStyle').bootstrapTable('mergeCells', {index: 1, field: 'name', rowspan: 3});

},

columns: [

{field: '', checkbox:true},

{field: 'name', title: '名称'},

{field: 'price', title: '价格'}

]

});

```