From 972a52bc6178f75635d4b404e27ed384be463740 Mon Sep 17 00:00:00 2001
From: lijianan <574980606@qq.com>
Date: Sun, 14 Sep 2025 20:37:30 +0800
Subject: [PATCH] add demo

---
 docs/demo/measureRowRender.md      |  8 ++++
 docs/examples/measureRowRender.tsx | 60 ++++++++++++++++--------------
 src/Table.tsx                      |  1 +
 3 files changed, 41 insertions(+), 28 deletions(-)
 create mode 100644 docs/demo/measureRowRender.md

diff --git a/docs/demo/measureRowRender.md b/docs/demo/measureRowRender.md
new file mode 100644
index 000000000..ad03eef23
--- /dev/null
+++ b/docs/demo/measureRowRender.md
@@ -0,0 +1,8 @@
+---
+title: measureRowRender
+nav:
+  title: measureRowRender
+  path: /demo
+---
+
+<code src="../examples/measureRowRender.tsx"></code>
diff --git a/docs/examples/measureRowRender.tsx b/docs/examples/measureRowRender.tsx
index c57557a54..6aba53295 100644
--- a/docs/examples/measureRowRender.tsx
+++ b/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}
diff --git a/src/Table.tsx b/src/Table.tsx
index 40166e55b..e856f4751 100644
--- a/src/Table.tsx
+++ b/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;