cellStylesSticky zIndex doesn't work properly with Material UI Table with stickyHeader prop

[sherbakovdev]

The current zIndex interferes with MaterialUI Table with stickyHeader prop.

const cellStylesSticky = {
  position: 'sticky',
  zIndex: 2,
};

Please, increase the zIndex to 3 to solve the issue.

[GuillaumeJasmin]

@sherbakov1 thanks for your feedback :)
Please provide more informations (or better, a codesandbox example).
What is the current behavior ? Does Material UI override zIndex ?

[sherbakovdev]

@GuillaumeJasmin Thanks for the quick reply! Please, check the images above :)

[GuillaumeJasmin]

Ok I get the issue !
I have release 1.1.0 yesterday with new css selector: https://github.com/GuillaumeJasmin/react-table-sticky/releases/tag/v1.1.0

You can temporary try:

[data-sticky-td] {
    position: sticky;
    z-index: 3 !important;
}

I will make a new release today with full CSS support and I think remove the inline zIndex

[sherbakovdev]

Awesome! Great job! I will wait for the release.

[GuillaumeJasmin]

fixed on v1.1.2 with z-index: 3 . Sorry for the late publish.
In the next major version, I will remove hard coded inline style and use only CSS.
Thanks for your help :)