AG Grid Enterprise能否实现类似React Native Section List的表格？

能否用AG Grid Enterprise实现类似React Native中Section List的效果？预期展示效果如下（注：含“A”/“B”的行实际应为跨列合并，无中间分隔线，此处用Markdown表格模拟）：

• 用分组行实现Section标题
  AG Grid Enterprise的分组功能完全可以实现这种Section List效果。你可以把数据按分组字段（比如首字母A/B）分组，然后自定义分组行的样式和渲染内容，让它成为Section的标题行。如果不需要折叠功能，直接隐藏分组的展开/折叠按钮即可。

• 自定义样式实现跨列视觉效果
  通过getRowStyle或cellClassRules给分组行设置特殊样式：比如隐藏单元格的垂直分隔线，让标题看起来是跨列的；同时调整字体、背景色，区分标题行和普通数据行。

• 核心配置示例
  下面是关键的代码配置片段：

  // 列定义
  columnDefs: [
    { field: 'groupKey', hide: true }, // 分组字段设为隐藏
    { field: 'value1', headerName: 'A header' },
    { field: 'value2', headerName: 'Another header' }
  ],
  // 分组相关配置
  rowGroupPanelShow: 'never',
  groupDefaultExpanded: -1, // 默认展开所有分组
  // 自定义分组列的渲染
  autoGroupColumnDef: {
    headerName: '',
    cellRendererParams: {
      suppressCount: true, // 隐藏分组计数
      cellRenderer: (params) => {
        // 渲染分组标题内容
        return `<div style="width:100%; padding:8px;">${params.value}</div>`;
      }
    }
  },
  // 分组行样式定制
  getRowStyle: (params) => {
    if (params.node.group) {
      return {
        'border-right': 'none',
        'font-weight': 'bold',
        'background-color': '#f8f8f8'
      };
    }
  }
  

• 额外优化
  如果要更贴近跨列合并的视觉效果，还可以在分组行的第一个单元格渲染全屏宽的内容，同时隐藏其他单元格的边框，AG Grid的灵活渲染机制可以轻松实现这种定制化需求。

内容的提问来源于stack exchange，提问作者David Lloyd