Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions docs/demo/measureRowRender.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
---
title: measureRowRender
nav:
title: measureRowRender
path: /demo
---

<code src="../examples/measureRowRender.tsx"></code>
60 changes: 32 additions & 28 deletions docs/examples/measureRowRender.tsx
Original file line number Diff line number Diff line change
@@ -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}
Expand Down
1 change: 1 addition & 0 deletions src/Table.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down