add demo (#1353)

Author: li-jia-nan

docs/demo/measureRowRender.md

@@ -0,0 +1,8 @@
+---
+title: measureRowRender
+nav:
+  title: measureRowRender
+  path: /demo
+---
+
+<code src="../examples/measureRowRender.tsx"></code>

docs/examples/measureRowRender.tsx

@@ -1,38 +1,42 @@
 import React from 'react';
 import Table from 'rc-table';
+import type { TableProps } from 'rc-table';
 
-// 示例：使用 measureRowRender 来隐藏 MeasureRow 中的弹层
-const MeasureRowRenderExample = () => {
-  const columns = [
-    {
-      title: (
-        <div>
-          Name
-          <div className="filter-dropdown" style={{ display: 'none' }}>
-            Filter Content
-          </div>
+const columns = [
+  {
+    title: (
+      <div>
+        Name
+        <div className="filter-dropdown" style={{ display: 'none' }}>
+          Filter Content
         </div>
-      ),
-      dataIndex: 'name',
-      key: 'name',
-      width: 100,
-    },
-    {
-      title: 'Age',
-      dataIndex: 'age',
-      key: 'age',
-      width: 80,
-    },
-  ];
+      </div>
+    ),
+    dataIndex: 'name',
+    key: 'name',
+    width: 100,
+  },
+  {
+    title: 'Age',
+    dataIndex: 'age',
+    key: 'age',
+    width: 80,
+  },
+];
 
-  const data = [
-    { key: 1, name: 'John', age: 25 },
-    { key: 2, name: 'Jane', age: 30 },
-  ];
+const data = [
+  { key: 1, name: 'John', age: 25 },
+  { key: 2, name: 'Jane', age: 30 },
+  { key: 3, name: 'Jime', age: 35 },
+];
 
-  // 自定义 MeasureRow 渲染，隐藏弹层内容
-  const measureRowRender = measureRow => <div style={{ display: 'none' }}>{measureRow}</div>;
+// 自定义 MeasureRow 渲染，隐藏弹层内容
+const measureRowRender: TableProps['measureRowRender'] = measureRow => (
+  <div style={{ display: 'none' }}>{measureRow}</div>
+);
 
+// 示例：使用 measureRowRender 来隐藏 MeasureRow 中的弹层
+const MeasureRowRenderExample: React.FC = () => {
   return (
     <Table
       columns={columns}

src/Table.tsx

@@ -87,6 +87,7 @@ const EMPTY_SCROLL_TARGET = {};
 
 export type SemanticName = 'section' | 'title' | 'footer' | 'content';
 export type ComponentsSemantic = 'wrapper' | 'cell' | 'row';
+
 export interface TableProps<RecordType = any>
   extends Omit<LegacyExpandableProps<RecordType>, 'showExpandColumn'> {
   prefixCls?: string;