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 +--- + + 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: ( -
- Name -
- Filter Content -
+const columns = [ + { + title: ( +
+ Name +
+ Filter Content
- ), - dataIndex: 'name', - key: 'name', - width: 100, - }, - { - title: 'Age', - dataIndex: 'age', - key: 'age', - width: 80, - }, - ]; +
+ ), + 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 =>
{measureRow}
; +// 自定义 MeasureRow 渲染,隐藏弹层内容 +const measureRowRender: TableProps['measureRowRender'] = measureRow => ( +
{measureRow}
+); +// 示例:使用 measureRowRender 来隐藏 MeasureRow 中的弹层 +const MeasureRowRenderExample: React.FC = () => { return ( extends Omit, 'showExpandColumn'> { prefixCls?: string;