bootstraptable合并标题_bootstrap-table 动态合并行和列方法

要动态合并行和列的话，可以使用Bootstrap Table提供的`rowspan`和`colspan`选项。下面是一个例子，展示了如何动态合并行和列：

<table id="table" data-toggle="table" data-url="/data" data-row-style="rowStyle">
  <thead>
    <tr>
      <th data-field="id" rowspan="2">ID</th>
      <th data-field="name" rowspan="2">Name</th>
      <th data-field="price" colspan="2">Price</th>
      <th data-field="operate" rowspan="2" data-formatter="operateFormatter">Item Operate</th>
    </tr>
    <tr>
      <th data-field="price1">Price 1</th>
      <th data-field="price2">Price 2</th>
    </tr>
  </thead>
</table>

<script>
  function rowStyle(row, index) {
    if (index % 2 === 0) {
      return {
        classes: 'table-row-style'
      };
    }
    return {};
  }

  function operateFormatter(value, row, index) {
    return [
      '<a class="like" href="javascript:void(0)" title="Like">',
      '<i class="glyphicon glyphicon-heart"></i>',
      '</a>  ',
      '<a class="edit" href="javascript:void(0)" title="Edit">',
      '<i class="glyphicon glyphicon-edit"></i>',
      '</a>  ',
      '<a class="remove" href="javascript:void(0)" title="Remove">',
      '<i class="glyphicon glyphicon-remove"></i>',
      '</a>'
    ].join('');
  }
</script>

在这个例子中，我们使用`rowspan`和`colspan`来动态合并行和列。`rowspan`属性指定要合并的行数，`colspan`属性指定要合并的列数。

注意，这个例子中使用了一些额外的选项，比如`data-url`用来指定数据源URL，`data-row-style`用来指定行样式，`data-formatter`用来指定格式化函数。这些选项根据实际需要进行修改。