vxe-table icon indicating copy to clipboard operation
vxe-table copied to clipboard

树形可编辑表格子节点校验提示信息存在错位

Open JinCodeHub opened this issue 2 months ago • 2 comments

可复现的链接(必须为公开链接,仅包含能复现问题的示例代码):

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"时,校验信息会侵入可编辑表单区域,影响用户体验和界面美观。

Image

期望的结果:

校验提示信息跟随子节点进行缩进

操作系统:

MacOS 15.6.1

浏览器版本:

chrome 140.0.7339.213

vue 版本:

2.6.14

vxe-pc-ui 版本:

未知

vxe-table 版本:

3.18.20

是否使用当前最新版本?

  • [x] 我确定已经更新到最新版本后依然存在该问题

JinCodeHub avatar Sep 28 '25 12:09 JinCodeHub

如果按照缩进,你这个到第3层之后的就放不下了

xlz26296 avatar Sep 28 '25 13:09 xlz26296

@xlz26296 提示信息是浮动且层级最高,不会出现放不下的问题,如果存在多级树形可编辑表格,校验信息没有缩进,展示的校验信息和输入框脱离太远了,看起来十分怪异

JinCodeHub avatar Sep 29 '25 01:09 JinCodeHub