Misalignment of rows when using TreeTable

[anbue]

The rows of the table and Gantt component have a misalignment as shown in the image.

This can be reproduced with the following steps:

• use TreeTable
• set height to 800px
• add multiple steps
• rows start to misalign

There is no misalignment when using TreeGrid.

[tltv]

First I would not recommend using Table or TreeTable anymore when there's a support for Grid and TreeGrid which does not have this issue.

But if TreeTable is only option, then maybe quick-and-dirty fix with css can help: try to add .v-table .v-table-header-wrap { margin-top: -2px; } css rule that seems to fix the issue. Just add more specific rule to the target table to not appy that to all tables. Other way is to go debug the related release and patch it somewhere in GanttConnector.updateDelegateTargetHeight method.

Main issue there is the table header height that is calculated wrong (two pixels, border maybe) too high when table does not have vertical scrollbar.