fix: vxe-table v4 展开列 #default → #content 修复表格错乱重叠
vxe-table v4 中 type="expand" 的 #default 模板渲染在单元格内,
#content 才渲染为展开行。将 9 处展开列模板改为 #content,
同时统一 css 类名 vxe-table--expand-icon → vxe-table--expand-btn。
根因:vxe-table v4 中 type="expand" 列的 #default 模板渲染在单元格内(展开标签),而 #content
才渲染为展开行(行间)。之前 OrderForm 被错误地渲染在 1px 宽的单元格内,导致内容溢出→行高膨胀→错乱重叠。
This commit is contained in:
@@ -107,7 +107,7 @@
|
||||
@checkbox-change="handleSelectionChange"
|
||||
>
|
||||
<vxe-column type="expand" width="1" style="width: 0">
|
||||
<template #default="scope">
|
||||
<template #content="scope">
|
||||
<OrderForm
|
||||
:row="scope.row"
|
||||
:index="scope.rowIndex"
|
||||
@@ -2707,7 +2707,7 @@ defineExpose({ getListInfo, getDiagnosisInfo });
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
:deep(.vxe-table--expand-icon) {
|
||||
:deep(.vxe-table--expand-btn) {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user