Sticky headers are warped when there are multiple colspan and rowspan

[usamurai]

Hi,

I've lot of variety of tables where I'm using lrStickyHeader.js library. For simple tables it works fine without any flaws. But for large, complex tables with multiple column spans and rowspans the sticky header warped when I scroll down, or sometimes the table beneath the header shrinks down.

The shrinking down of the table can be fixed by adding the table style width: 99% !important;. But the sticky headers columns are not aligned with the table down below. When I scroll down it becomes misaligned with the table beneath it. I've added screenshots of the issue.

Please note that I've added table box-sizing: border-box !important;. Any insight of the problem will be much appreciated.

Thanks!

[lorenzofox3]

Hello, It would be great if you could provide a running example reproducing the issue. Thanks

And it what browsers do your see the issue ?

[usamurai]

Hi @lorenzofox3,

Thanks for your reply. I've uploaded some test pages in the links below. The problem is with both the latest version of Chrome and Firefox though dis-alignment ratio is different.

http://demo.samuraigeeks.net/stickyhead/srt.html http://demo.samuraigeeks.net/stickyhead/test2.html http://demo.samuraigeeks.net/stickyhead/test3.html http://demo.samuraigeeks.net/stickyhead/test4.html (working perfectly in Chrome but not in Firefox)

For your own test and check you can download the test folder from here: http://demo.samuraigeeks.net/stickyhead.zip

Thank you!

[lorenzofox3]

Thanks very helpfull, I'll try to have a look the coming week end

[JeanZhao]

Have this issue be fixed now? I also have this issue.

[usamurai]

Haven't heard from the owner yet about the issue. I tried to fix it myself but could not solve it completely.

[JeanZhao]

So do I🤣

                        jeanzhao
                        
                        
                            
                                邮箱：[email protected]
                            
                    
                
            
        
    

Signature is customized by Netease Mail Master

On 08/20/2019 17:43, Murshed Ahmmad Khan wrote: Haven't heard from the owner yet about the issue. I tried to fix it myself but could not solve it completely.

—You are receiving this because you commented.Reply to this email directly, view it on GitHub, or mute the thread. [ { "@context": "http://schema.org", "@type": "EmailMessage", "potentialAction": { "@type": "ViewAction", "target": "https://github.com/lorenzofox3/lrStickyHeader/issues/24?email_source=notifications\u0026email_token=AJJK2C6WSNWVVMXLKKPFY43QFO4FDA5CNFSM4GAYANNKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD4VWU5I#issuecomment-522938997", "url": "https://github.com/lorenzofox3/lrStickyHeader/issues/24?email_source=notifications\u0026email_token=AJJK2C6WSNWVVMXLKKPFY43QFO4FDA5CNFSM4GAYANNKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD4VWU5I#issuecomment-522938997", "name": "View Issue" }, "description": "View this Issue on GitHub", "publisher": { "@type": "Organization", "name": "GitHub", "url": "https://github.com" } } ]