如何在SlickGrid中合并行

// 定义数据源
var data = [
  { id: 1, name: "John", age: 25, merged: false },
  { id: 2, name: "Jane", age: 30, merged: true },
  { id: 3, name: "Bob", age: 35, merged: true },
  { id: 4, name: "Alice", age: 40, merged: false },
  // ...
];

// 创建自定义的行渲染器
function customRowRenderer(row, dataItem) {
  var rowMetadata = dataItem.rowMetadata;
  var columns = dataItem.columns;

  if (rowMetadata && rowMetadata.merged) {
    // 合并行的渲染逻辑
    return '<span style="background-color: yellow;">' + dataItem.name + '</span>';
  } else {
    // 正常行的渲染逻辑
    return dataItem.name;
  }
}

// 配置SlickGrid
var options = {
  // ...
  rowRenderer: customRowRenderer,
  // ...
};

// 初始化SlickGrid
var grid = new Slick.Grid("#myGrid", data, columns, options);