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.

Sign up for GitHub

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

Jump to bottom

Column groups header misaligned with table body #4407

Open
AndyFilin opened this issue Feb 21, 2024 · 1 comment · May be fixed by #4483
Open

Column groups header misaligned with table body #4407

AndyFilin opened this issue Feb 21, 2024 · 1 comment · May be fixed by #4483
Labels
Possible Bug A possible bug that needs investigation

Comments

@AndyFilin
Copy link

Describe the bug
When nested column groups are created, after several columns body and header cells become misaligned. Shift grows with number of columns and can become significant when there are several tens of columns.

Tabulator Info
5.6.1

Working Example
JsFiddle

To Reproduce
A step by step guide to recreate the issue in your JS Fiddle or Codepen:

  1. Cells in 'Bob' and 'Carol' columns are shifted from their headers

Expected behavior
Cells in body and header of single column are aligned with each other

Screenshots
image

Desktop (please complete the following information):

  • OS: [Windows]
  • Browser [Chrome]
  • Version [e.g. 22]

Smartphone (please complete the following information):
N/A

Additional context
N/A
@AndyFilin AndyFilin added the Possible Bug A possible bug that needs investigation label Feb 21, 2024
@Kallius74
Copy link

The shift between the headers and the rows get more obvious when you increase the browser zoom level when viewing the JsFiddle output.
I have the same issue with my apps with column groups with Tabulator 5.6.1, too.

image

@chey-to-mozg chey-to-mozg linked a pull request Apr 26, 2024 that will close this issue
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Possible Bug A possible bug that needs investigation
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Add fixed size for group divs to fix alignment with zoom chey-to-mozg/tabulator
2 participants
@AndyFilin @Kallius74