Skip to content

Commit c97beea

Browse files
committed
fix
1 parent 1941424 commit c97beea

2 files changed

Lines changed: 8 additions & 26 deletions

File tree

docs/examples/measureRowRender.tsx

Lines changed: 7 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,16 @@
11
import React from 'react';
2-
import { Table } from 'rc-table';
3-
import { ConfigProvider } from 'antd';
2+
import Table from 'rc-table';
43

5-
// 示例:使用 measureRowRender 包裹 ConfigProvider 来隐藏 MeasureRow 中的弹层
4+
// 示例:使用 measureRowRender 来隐藏 MeasureRow 中的弹层
65
const MeasureRowRenderExample = () => {
76
const columns = [
87
{
98
title: (
109
<div>
1110
Name
12-
<ConfigProvider
13-
getPopupContainer={node => node} // 将弹层渲染到 MeasureRow 内部
14-
>
15-
<div>Filter Dropdown</div>
16-
</ConfigProvider>
11+
<div className="filter-dropdown" style={{ display: 'none' }}>
12+
Filter Content
13+
</div>
1714
</div>
1815
),
1916
dataIndex: 'name',
@@ -33,23 +30,8 @@ const MeasureRowRenderExample = () => {
3330
{ key: 2, name: 'Jane', age: 30 },
3431
];
3532

36-
// 自定义 MeasureRow 渲染,包裹 ConfigProvider 来隐藏弹层
37-
const measureRowRender = measureRow => (
38-
<ConfigProvider
39-
getPopupContainer={() => {
40-
// 创建一个隐藏的容器来承载弹层
41-
const hiddenContainer = document.createElement('div');
42-
hiddenContainer.style.display = 'none';
43-
hiddenContainer.style.position = 'absolute';
44-
hiddenContainer.style.left = '-9999px';
45-
hiddenContainer.style.top = '-9999px';
46-
document.body.appendChild(hiddenContainer);
47-
return hiddenContainer;
48-
}}
49-
>
50-
{measureRow}
51-
</ConfigProvider>
52-
);
33+
// 自定义 MeasureRow 渲染,隐藏弹层内容
34+
const measureRowRender = measureRow => <div style={{ display: 'none' }}>{measureRow}</div>;
5335

5436
return (
5537
<Table

src/Body/MeasureRow.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ export default function MeasureRow({
2323
const { measureRowRender } = useContext(TableContext, ['measureRowRender']);
2424

2525
const measureRow = (
26-
<tr aria-hidden="true" className={`${prefixCls}-measure-row`} style={{ height: 0 }} ref={ref} tabIndex={-1}>
26+
<tr aria-hidden="true" className={`${prefixCls}-measure-row`} style={{ height: 0 }} ref={ref}>
2727
<ResizeObserver.Collection
2828
onBatchResize={infoList => {
2929
if (isVisible(ref.current)) {

0 commit comments

Comments
 (0)