From 827b0aa58ef18f6fc97dc34114da8c4cd0807266 Mon Sep 17 00:00:00 2001 From: dengfuping Date: Tue, 10 Dec 2024 16:40:46 +0800 Subject: [PATCH] fix(design): should remove cell border for normal Table --- packages/design/src/table/style/index.ts | 25 +++++++++++++++++------- 1 file changed, 18 insertions(+), 7 deletions(-) diff --git a/packages/design/src/table/style/index.ts b/packages/design/src/table/style/index.ts index b04641e37..f09d21dd4 100644 --- a/packages/design/src/table/style/index.ts +++ b/packages/design/src/table/style/index.ts @@ -125,13 +125,6 @@ export const genTableStyle: GenerateStyle = (token: TableToken): CSS }, }, - // 非可展开表格、带 footer 表格、空表格、带边框表格: 底部添加分隔线 - [`${componentCls}-wrapper:not(${componentCls}-expandable):not(${componentCls}-has-footer) ${componentCls}:not(${componentCls}-bordered):not(${componentCls}-empty)`]: - { - borderBottom: `1px solid ${colorBorderSecondary}`, - borderRadius: 0, - }, - // 滚动表格样式 // 由于滚动表格会在 tbody 下最前面多一个 tr 元素,因此需要设置相反的斑马条样式 // .ant-table-scroll-horizontal: 水平滚动 @@ -151,6 +144,24 @@ export const genTableStyle: GenerateStyle = (token: TableToken): CSS }, }, + // 非可展开表格、不带 footer 表格、非空表格、不带边框表格: 底部添加分隔线 + [`${componentCls}-wrapper:not(${componentCls}-expandable):not(${componentCls}-has-footer) ${componentCls}:not(${componentCls}-bordered):not(${componentCls}-empty)`]: + { + borderBottom: `1px solid ${colorBorderSecondary}`, + borderRadius: 0, + }, + + // 去掉非展开表格的边框 + [`${componentCls}-wrapper:not(${componentCls}-expandable)`]: { + [`${componentCls}:not(${componentCls}-bordered)`]: { + [`${componentCls}-tbody`]: { + [`tr:not(${componentCls}-measure-row) > td`]: { + border: 'none', + }, + }, + }, + }, + // 可展开表格样式 [`${componentCls}-wrapper${componentCls}-expandable`]: { [`${componentCls}`]: {