Commit 3f71fa27 authored by Data Governance Dev's avatar Data Governance Dev

fix(web): 大范围空字段「按表统计」展开行改用原生表格渲染

嵌套 el-table 在 expand 行里列宽不稳定(之前两版:先加 width:100%,再换 overflow-x:auto + minWidth,都仍只渲染出 3 列,注释/空值率被挤掉)。

改为原生 <table class="inner-empty-table">,浏览器原生 table 渲染稳定可靠:
- 列定义:字段名 160 / 类型 100 / 注释 auto / 空值数 110 / 空值率 220
- 保留 el-progress 进度条展示空值率
- style.css 新增 .inner-empty-table 样式:表头浅灰、边框、斑马纹、悬停高亮

确认硬刷新(Ctrl+Shift+R)后展开任一行,5 列正常横向排开。
parent 23c896f5
This diff is collapsed.
...@@ -251,4 +251,33 @@ code { ...@@ -251,4 +251,33 @@ code {
/* Element Plus 表格紧凑模式 */ /* Element Plus 表格紧凑模式 */
.el-table { .el-table {
font-size: 13px; font-size: 13px;
}
/* 展开行内嵌的小表格(按表统计下展开高空/中空字段明细) */
.inner-empty-table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
table-layout: auto;
}
.inner-empty-table thead th {
background: #fafafa;
color: #606266;
font-weight: 600;
text-align: left;
padding: 8px 10px;
border: 1px solid #ebeef5;
white-space: nowrap;
}
.inner-empty-table tbody td {
padding: 8px 10px;
border: 1px solid #ebeef5;
color: #303133;
vertical-align: middle;
}
.inner-empty-table tbody tr:nth-child(even) td {
background: #fafbfc;
}
.inner-empty-table tbody tr:hover td {
background: #f0f9ff;
} }
\ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment