fix: 修复表格全屏显示问题

This commit is contained in:
秋帆
2025-02-21 12:33:14 +08:00
parent 21d0b1e3fb
commit 5ab7cdd1e0

View File

@@ -1,13 +1,11 @@
<template>
<div
ref="rootRef" class="ca-split-panel" :class="{
'is-vertical': vertical,
'is-resizing': resizing,
'is-collapse': isCollapse,
'is-responsive': isResponsive,
'is-mobile': isMobile,
}" :style="customStyle"
>
<div ref="rootRef" class="ca-split-panel" :class="{
'is-vertical': vertical,
'is-resizing': resizing,
'is-collapse': isCollapse,
'is-responsive': isResponsive,
'is-mobile': isMobile,
}" :style="customStyle">
<div class="container" :style="sideStyle">
<div ref="sideRef" class="ca-split-panel__side">
<div class="ca-split-panel__content">
@@ -17,12 +15,10 @@
<!-- 竖线和按钮 -->
<div class="divider-container">
<div v-show="!isCollapse" class="divider"></div>
<div
v-if="allowCollapse" class="ca-split-panel__collapse-trigger" :class="{
'is-collapse': isCollapse,
'is-mobile': isMobile,
}" @click="toggleCollapse"
>
<div v-if="allowCollapse" class="ca-split-panel__collapse-trigger" :class="{
'is-collapse': isCollapse,
'is-mobile': isMobile,
}" @click="toggleCollapse">
<div class="ca-split-panel__collapse-trigger-icon">
<IconRight v-if="isCollapse" size="20" />
<IconLeft v-else size="20" />
@@ -167,7 +163,9 @@ onUnmounted(() => {
.clead_padding {
padding: 0 !important;
}
.ca-split-panel:has(.gi-table--fullscreen) .container{
display: none;
}
.ca-split-panel {
overflow: hidden;
display: flex;
@@ -175,10 +173,12 @@ onUnmounted(() => {
height: 100%;
position: relative;
background: var(--color-bg-2);
z-index: 1000;
.container {
display: flex;
height: 100%;
z-index: 1;
}
.divider-container {
@@ -310,6 +310,7 @@ onUnmounted(() => {
}
&.is-mobile {
:deep(.arco-table-col-fixed-left),
:deep(.arco-table-col-fixed-right) {
position: static;