Add fixed size for group divs to fix alignment with zoom

[chey-to-mozg]

This fixes #4407

The problem occurs either with a screen zoom (default 150% for laptops) or browser zoom other than the default.

Root of the problem: floating point calculation errors of borders in browser stackoverflow answer

Changes:

• added fixed width for group element after header initialization. The initialized header is required to preserve the behavior of the offsetWidth property, which is used to calculate the column width.

Testing:
Tested on Chrome, Firefox, Edge.
Firefox still have issue related to scrolling, but its not additive error anymore, just misalignment in some scrollbar positions

[AndyFilin]

This change seems to fix the original issue 👍

[olifolkerd]

@chey-to-mozg Have you checked how this change affects resizable columns, and also a fitColumns layout when you resize the table?

Cheers

Oli :)

[chey-to-mozg]

@olifolkerd Hi, Oli!
Sorry for late response

Here are some screenshots (browser zoom 150%):
fitColumns layout without fix:

fit columns layout with fix (fixed gaps):

default layout with resized column by dragging without fix:

default layout with resized column by dragging with fix:

Is this what you meant in your question?

Regards,
Denis