Tables break in Edge browser and latest version of Chrome
Tables break in Edge browser and latest version of Chrome
elifeces
Posts: 4Questions: 1Answers: 1
Hi, the tables on our company website are broken in Edge and latest Chrome version. Is anyone having the same problem or do you have any suggestions how to solve this. Thank you in advance.
This question has an accepted answers - jump to answer
Answers
How are they broken?
Do you get errors in the browser's console?
Can you post a link to your page or a test case replicating the issues so we can help debug?
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case
Kevin
Hi Kevin, I created the replica but it looks fine as it should be. But in the latest chrome and edge, the header part seems to move independent from the table body and has its own horizontal scroller as you can see in the screenshot. Tables look just fine in the older versions by the way.
This is the link to the test case:
https://live.datatables.net/ceyomipi/1/edit
This how it looks on the website:
I hope I could explain myself, thank you again.
The HTML in your example isn't valid (a td outside a tr). It also gives an error if I click the "Run with JS" button. Could you fix these issues so we can see the error and debug it.
Allan
hi @allan I removed the td tag.
Chrome 112.0.5615.165 - it looks okay as far as I can see. I guess I'm missing something?
Allan
@allan That was confusing for me too but this was the case. Today the senior developer in my team removed the 'scrollX: true' propoerty and added 'scrollbars:true' instead and it fixed the issue. Thank you for your time.