fixed floating header misaglined

shorif2000

I am using fixed floating headers but when zooming on any browser the headers drop row. how can i prevent this

https://jsfiddle.net/a1mrp2k8/1/

leslies61801

I am having a similar problem. When zooming in the browser, the fixed floating header does not adjust and becomes misaligned with the table columns. I have concerns that this is an accessibility issue and my users want it fixed.

Any suggestions would be appreciated.