diff --git a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
index 9a47e1745468..d5c7f0517bdc 100644
--- a/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/table/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -8897,11 +8897,91 @@ exports[`renders ./components/table/demo/fixed-columns.tsx extend context correc
Full Name
- Age
+
+
+ Age
+
+
+
+
+
+
+
+
+
+
+
+
+
|
|
- Age
+
+
+ Age
+
+
+
+
+
+
+
+
+
+
+
+
|
= [
dataIndex: 'age',
key: 'age',
fixed: 'left',
+ sorter: true,
},
{ title: 'Column 1', dataIndex: 'address', key: '1' },
{ title: 'Column 2', dataIndex: 'address', key: '2' },
diff --git a/components/table/style/index.tsx b/components/table/style/index.tsx
index d259a3863ca7..06ccd72ed95f 100644
--- a/components/table/style/index.tsx
+++ b/components/table/style/index.tsx
@@ -308,9 +308,9 @@ export default genComponentStyleHook('Table', (token) => {
colorIconHover,
opacityLoading,
colorBgContainer,
- colorFillSecondary,
borderRadiusLG,
colorFillContent,
+ colorFillSecondary,
controlInteractiveSize: checkboxSize,
} = token;
@@ -320,6 +320,13 @@ export default genComponentStyleHook('Table', (token) => {
const tableSelectedRowBg = controlItemBgActive;
const zIndexTableFixed: number = 2;
+ const colorFillSecondarySolid = new TinyColor(colorFillSecondary)
+ .onBackground(colorBgContainer)
+ .toHexString();
+ const colorFillContentSolid = new TinyColor(colorFillContent)
+ .onBackground(colorBgContainer)
+ .toHexString();
+
const colorFillAlterSolid = new TinyColor(colorFillAlter)
.onBackground(colorBgContainer)
.toHexString();
@@ -341,8 +348,8 @@ export default genComponentStyleHook('Table', (token) => {
tableFooterTextColor: colorTextHeading,
tableFooterBg: colorFillAlterSolid,
tableHeaderCellSplitColor: colorBorderSecondary,
- tableHeaderSortBg: colorFillSecondary,
- tableHeaderSortHoverBg: colorFillContent,
+ tableHeaderSortBg: colorFillSecondarySolid,
+ tableHeaderSortHoverBg: colorFillContentSolid,
tableHeaderIconColor: baseColorAction
.clone()
.setAlpha(baseColorAction.getAlpha() * opacityLoading)
@@ -351,8 +358,8 @@ export default genComponentStyleHook('Table', (token) => {
.clone()
.setAlpha(baseColorActionHover.getAlpha() * opacityLoading)
.toRgbString(),
- tableBodySortBg: colorFillAlter,
- tableFixedHeaderSortActiveBg: colorFillSecondary,
+ tableBodySortBg: colorFillAlterSolid,
+ tableFixedHeaderSortActiveBg: colorFillSecondarySolid,
tableHeaderFilterActiveBg: colorFillContent,
tableFilterDropdownBg: colorBgContainer,
tableRowHoverBg: colorFillAlterSolid,
|