diff --git a/src/components/GiTable/src/GiTable.vue b/src/components/GiTable/src/GiTable.vue index 677c851..ffff94c 100644 --- a/src/components/GiTable/src/GiTable.vue +++ b/src/components/GiTable/src/GiTable.vue @@ -61,7 +61,7 @@ v-bind="tableProps" :stripe="stripe" :size="size" - :bordered="{ cell: isBordered }" + :bordered="{ cell: isBordered, wrapper: isBordered }" :columns="visibleColumns" :scrollbar="true" :data="data" @@ -270,6 +270,11 @@ defineExpose({ height: 100%; } + // 确保垂直滚动时右侧边框显示 + :deep(.arco-table-scroll-y) { + border-right: 1px solid var(--color-border-table); + } + // 控制表格最后一行的下边框显示 :deep(.arco-table-border .arco-table-scroll-y .arco-table-body .arco-table-tr:last-of-type .arco-table-td, .arco-table-border .arco-table-scroll-y tfoot .arco-table-tr:last-of-type .arco-table-td) { diff --git a/src/styles/global.scss b/src/styles/global.scss index ecfda8f..2d3062e 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -275,6 +275,11 @@ } } +// 确保表格右侧边框显示 +.arco-table-scroll-y { + border-right: 1px solid var(--color-border-table); +} + // 表格类名,高度自适应,分页始终固定在最底部 .gi_full_table { flex: 1;