diff --git a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
index 253fc45dc6..7e6c55a3d8 100644
--- a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -27534,85 +27534,85 @@ exports[`renders ./components/table/demo/virtual-list.tsx extend context correct
>
0
0
1
1
2
2
3
3
4
4
5
5
6
6
diff --git a/components/table/__tests__/__snapshots__/demo.test.ts.snap b/components/table/__tests__/__snapshots__/demo.test.ts.snap
index 487e373ae0..8ea6de6a3e 100644
--- a/components/table/__tests__/__snapshots__/demo.test.ts.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.ts.snap
@@ -21734,85 +21734,85 @@ exports[`renders ./components/table/demo/virtual-list.tsx correctly 1`] = `
>
0
0
1
1
2
2
3
3
4
4
5
5
6
6
diff --git a/components/table/demo/summary.md b/components/table/demo/summary.md
index d1c65d2204..6b6d43c1a0 100644
--- a/components/table/demo/summary.md
+++ b/components/table/demo/summary.md
@@ -5,14 +5,3 @@
## en-US
Set summary content by `summary` prop. Sync column fixed status with `Table.Summary.Cell`. You can fixed it by set `Table.Summary` `fixed` prop(since `4.16.0`).
-
-
diff --git a/components/table/demo/virtual-list.md b/components/table/demo/virtual-list.md
index 914264fd58..58cdf691fb 100644
--- a/components/table/demo/virtual-list.md
+++ b/components/table/demo/virtual-list.md
@@ -11,17 +11,4 @@ Integrate virtual scroll with `react-window` to achieve a high performance table
.virtual-table .ant-table-container:after {
display: none;
}
- .virtual-table-cell {
- box-sizing: border-box;
- padding: 16px;
- border-bottom: 1px solid #e8e8e8;
- background: #FFF;
- }
- [data-theme="dark"] .virtual-table-cell {
- box-sizing: border-box;
- padding: 16px;
- border-bottom: 1px solid #303030;
- background: #141414;
- }
-
diff --git a/components/table/demo/virtual-list.tsx b/components/table/demo/virtual-list.tsx
index 50ccc6f428..61aa8485d8 100644
--- a/components/table/demo/virtual-list.tsx
+++ b/components/table/demo/virtual-list.tsx
@@ -1,5 +1,5 @@
import React, { useEffect, useRef, useState } from 'react';
-import { Table } from 'antd';
+import { Table, theme } from 'antd';
import type { TableProps } from 'antd';
import classNames from 'classnames';
import ResizeObserver from 'rc-resize-observer';
@@ -8,6 +8,7 @@ import { VariableSizeGrid as Grid } from 'react-window';
const VirtualTable = (props: TableProps) => {
const { columns, scroll } = props;
const [tableWidth, setTableWidth] = useState(0);
+ const { token } = theme.useToken();
const widthColumnCount = columns!.filter(({ width }) => !width).length;
const mergedColumns = columns!.map((column) => {
@@ -86,7 +87,13 @@ const VirtualTable = (props: TableProps)
className={classNames('virtual-table-cell', {
'virtual-table-cell-last': columnIndex === mergedColumns.length - 1,
})}
- style={style}
+ style={{
+ ...style,
+ boxSizing: 'border-box',
+ padding: token.padding,
+ borderBottom: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`,
+ background: token.colorBgContainer,
+ }}
>
{(rawData[rowIndex] as any)[(mergedColumns as any)[columnIndex].dataIndex]}