11import 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 中的弹层
65const 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
0 commit comments