docs: 增加明细表 rowSpan 示例 demo

s2-site/examples/basic/table/demo/meta.json

@@ -19,6 +19,14 @@
         "en": "Column Group"
       },
       "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*DgnhTYveL1AAAAAAAAAAAAAADmJ7AQ/original"
+    },
+    {
+      "filename": "table-column-group-customize-cell.ts",
+      "title": {
+        "zh": "列分组自定义合并单元格",
+        "en": "Column Group Customize The Cell"
+      },
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*DgnhTYveL1AAAAAAAAAAAAAADmJ7AQ/original"
     }
   ]
 }

s2-site/examples/basic/table/demo/table-column-group-customize-cell.ts

@@ -0,0 +1,76 @@
+import { TableSheet } from '@antv/s2';
+
+fetch('https://assets.antv.antgroup.com/s2/basic-table-mode.json')
+  .then((res) => res.json())
+  .then((data) => {
+    const container = document.getElementById('container');
+    const s2DataConfig = {
+      fields: {
+        columns: [
+          {
+            key: 'area',
+            children: [
+              {
+                rowSpan: 2,
+                key: 'province',
+              },
+              {
+                rowSpan: 2,
+                key: 'city',
+              },
+            ],
+          },
+          'type',
+          {
+            key: 'money',
+            rowSpan: 2,
+            children: [
+              {
+                key: 'price',
+              },
+            ],
+          },
+        ],
+      },
+      meta: [
+        {
+          field: 'province',
+          name: '省份',
+        },
+        {
+          field: 'city',
+          name: '城市',
+        },
+        {
+          field: 'type',
+          name: '商品类别',
+        },
+        {
+          field: 'price',
+          name: '价格',
+        },
+        {
+          field: 'cost',
+          name: '成本',
+        },
+        {
+          field: 'area',
+          name: '位置',
+        },
+        {
+          field: 'money',
+          name: '金额',
+        },
+      ],
+      data,
+    };
+
+    const s2Options = {
+      width: 600,
+      height: 480,
+      showSeriesNumber: true,
+    };
+    const s2 = new TableSheet(container, s2DataConfig, s2Options);
+
+    s2.render();
+  });