Skip to content

Commit 269266d

Browse files
coderxsleeeCharles7c
authored andcommitted
fix: 修复 GiTable 表格右下角外部边框不完整的问题
1 parent 4b1486a commit 269266d

File tree

2 files changed

+11
-1
lines changed

2 files changed

+11
-1
lines changed

src/components/GiTable/src/GiTable.vue

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@
6161
v-bind="tableProps"
6262
:stripe="stripe"
6363
:size="size"
64-
:bordered="{ cell: isBordered }"
64+
:bordered="{ cell: isBordered, wrapper: isBordered }"
6565
:columns="visibleColumns"
6666
:scrollbar="true"
6767
:data="data"
@@ -270,6 +270,11 @@ defineExpose({
270270
height: 100%;
271271
}
272272
273+
// 确保垂直滚动时右侧边框显示
274+
:deep(.arco-table-scroll-y) {
275+
border-right: 1px solid var(--color-border-table);
276+
}
277+
273278
// 控制表格最后一行的下边框显示
274279
:deep(.arco-table-border .arco-table-scroll-y .arco-table-body .arco-table-tr:last-of-type .arco-table-td,
275280
.arco-table-border .arco-table-scroll-y tfoot .arco-table-tr:last-of-type .arco-table-td) {

src/styles/global.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -275,6 +275,11 @@
275275
}
276276
}
277277

278+
// 确保表格右侧边框显示
279+
.arco-table-scroll-y {
280+
border-right: 1px solid var(--color-border-table);
281+
}
282+
278283
// 表格类名,高度自适应,分页始终固定在最底部
279284
.gi_full_table {
280285
flex: 1;

0 commit comments

Comments
 (0)