bootstrapTable中rowspan如何正确使用

在 bootstrapTable 中使用 rowspan，需要在数据源中设置 rowspan 属性。具体步骤如下：

1. 在数据源中设置 rowspan 属性，表示该单元格需要合并的行数。例如：

[
  {
    "id": 1,
    "name": "张三",
    "age": 18,
    "rowspan": 2
  },
  {
    "id": 2,
    "name": "李四",
    "age": 20
  },
  {
    "id": 3,
    "name": "王五",
    "age": 22
  },
  {
    "id": 4,
    "name": "赵六",
    "age": 24,
    "rowspan": 3
  },
  {
    "id": 5,
    "name": "钱七",
    "age": 26
  },
  {
    "id": 6,
    "name": "孙八",
    "age": 28
  }
]

在上面的数据源中，第一行的“张三”单元格需要合并下面的一行，第四行的“赵六”单元格需要合并下面的两行。

2. 在 bootstrapTable 中使用 rowspan 属性。在列定义中，使用 formatter 函数来设置单元格内容，并在函数中判断 rowspan 属性，如果有 rowspan 属性，则将该单元格的 rowspan 属性设置为数据源中的 rowspan 值，并返回空字符串，否则返回数据源中的值。例如：

<table id="example"></table>

<script>
  $('#example').bootstrapTable({
    columns: [{
      field: 'id',
      title: 'ID'
    }, {
      field: 'name',
      title: '姓名',
      formatter: function(value, row, index) {
        if (row.rowspan) {
          return '<td rowspan="' + row.rowspan + '">' + value + '</td>';
        } else {
          return value;
        }
      }
    }, {
      field: 'age',
      title: '年龄'
    }],
    data: [{
      "id": 1,
      "name": "张三",
      "age": 18,
      "rowspan": 2
    }, {
      "id": 2,
      "name": "李四",
      "age": 20
    }, {
      "id": 3,
      "name": "王五",
      "age": 22
    }, {
      "id": 4,
      "name": "赵六",
      "age": 24,
      "rowspan": 3
    }, {
      "id": 5,
      "name": "钱七",
      "age": 26
    }, {
      "id": 6,
      "name": "孙八",
      "age": 28
    }]
  });
</script>

在上面的例子中，使用 formatter 函数将“姓名”列的单元格内容设置为一个 td 标签，并根据数据源中的 rowspan 属性设置该 td 标签的 rowspan 属性。最后，将该函数返回的字符串作为该单元格的内容。