Commit 7632f29c authored by Data Governance Dev's avatar Data Governance Dev

feat(web3): 结果表「备注」列 sticky 固定右侧,数据列出横向滚动条

parent 03eb8d63
......@@ -230,4 +230,26 @@ function ruleHint(col) {
padding: 4px 8px;
font-size: 13px;
}
/* 「备注」列固定在右侧 —— 数据列多了时只滚左侧,备注常驻 */
.dq-table th.col-reason,
.dq-table td.cell-reason {
position: sticky;
right: 0;
z-index: 1;
/* 左侧阴影做视觉分隔,提示这一列是固定的 */
box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.12);
}
.dq-table th.col-reason {
/* header 高于普通列,避免被覆盖 */
z-index: 2;
background: #fde2e2;
}
.dq-table td.cell-reason {
background: #fef7f7;
}
/* hover 时整行变色,备注列也得跟着变,否则会和 tr 的 #f5f7fa 背景脱节 */
.dq-table tbody tr:hover td.cell-reason {
background: #f5f7fa;
}
</style>
\ 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