Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Misalignment of rows when using TreeTable #82

Open
anbue opened this issue Sep 6, 2018 · 1 comment
Open

Misalignment of rows when using TreeTable #82

anbue opened this issue Sep 6, 2018 · 1 comment
Labels

Comments

@anbue
Copy link

anbue commented Sep 6, 2018

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.

gantt

@tltv
Copy link
Owner

tltv commented Sep 21, 2018

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.

@tltv tltv added the bug label Sep 21, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants