vxe-table
vxe-table copied to clipboard
树形可编辑表格子节点校验提示信息存在错位
可复现的链接(必须为公开链接,仅包含能复现问题的示例代码):
https://codesandbox.io/p/devbox/vxe-table-3-x-vue-2-6-wen-ti-yan-shi-forked-3vttg8?workspaceId=ws_4eUAYfAxmHRpfofNDdJSkJ
是否已准备好复现链接与示例代码?
- [x] 我确定已准备好以上复现链接
问题描述与截图:
正常情况下,表单校验提示信息应该显示在可编辑组件的下方。然而,在树形可编辑表格中,子节点存在缩进,但表单校验的提示信息没有相应缩进,导致视觉不一致。此外,当使用小表格(small)模式并配置校验参数为msgMode: "full"时,校验信息会侵入可编辑表单区域,影响用户体验和界面美观。
期望的结果:
校验提示信息跟随子节点进行缩进
操作系统:
MacOS 15.6.1
浏览器版本:
chrome 140.0.7339.213
vue 版本:
2.6.14
vxe-pc-ui 版本:
未知
vxe-table 版本:
3.18.20
是否使用当前最新版本?
- [x] 我确定已经更新到最新版本后依然存在该问题
如果按照缩进,你这个到第3层之后的就放不下了
@xlz26296 提示信息是浮动且层级最高,不会出现放不下的问题,如果存在多级树形可编辑表格,校验信息没有缩进,展示的校验信息和输入框脱离太远了,看起来十分怪异