BOOTstrap table动态合并居中单元格

要实现动态合并居中单元格，可以使用 Bootstrap Table 的自定义列插件。具体步骤如下：

1. 定义自定义列插件，实现合并单元格和居中文本的功能。示例代码如下：

$.fn.bootstrapTable.columnDefaults.mergeCells = true;

$.fn.bootstrapTable.cellStyles.alignCenter = function (field, row, index, value) {
  return {
    classes: 'text-center'
  };
};

$.fn.bootstrapTable.columnDefaults.cellStyle = $.fn.bootstrapTable.cellStyles.alignCenter;

$.extend($.fn.bootstrapTable.defaults, {
  onPostBody: function () {
    $(this).bootstrapTable('mergeCells', {
      field: 'fieldName',
      rowspan: 2,
      index: 0
    });
  }
});

2. 在表格中使用自定义列插件。示例代码如下：

<table id="table" data-toggle="table" data-url="your/data/url" data-columns="your/data/columns">
  <thead>
    <tr>
      <th data-field="fieldName" data-align="center" data-halign="center">Field Name</th>
      <th data-field="field1" data-align="center" data-halign="center">Field 1</th>
      <th data-field="field2" data-align="center" data-halign="center">Field 2</th>
    </tr>
  </thead>
</table>

其中，`data-field` 属性指定列的字段名，`data-align` 和 `data-halign` 属性指定水平对齐方式，`data-toggle="table"` 和 `data-url` 属性指定使用 Bootstrap Table 插件和数据源的 URL，`data-columns` 属性指定列的定义。在列定义中，可以使用自定义的插件，如 `mergeCells`。

需要注意的是，这里的 `fieldName` 需要替换为实际的字段名。另外，`rowspan` 属性可以指定合并单元格的行数，`index` 属性可以指定开始合并的行号。

希望这个回答能够帮到你。