Column alignment issues in Firefox (only when Developer Tools not open)

dnag

Hello,

I'm relatively new to datatables. I have a table that has correct column alignment in Firefox whenever Developer Tools are open when the page is loaded. When Developer Tools is not open, the columns do not align.

The column alignment is correct in Chrome, regardless of whether or not DevTools is open. Also correct in Edge.

Does anyone have any ideas as to what could be causing this?

I'm currently working in a local environment and there is private information in the database, so I cannot share a web-accessible link.

I might be able to create some kind of a test case, but it will be a significant time investment. I first wanted to see if anyone has had experience with this.

Thanks,
Daryl

dnag

Nevermind, I found a solution. Leaving it here in case this helps someone. I originally tried to set up a table with a scrolling body, but found it to work better cross browser without height calculations.

So I originally set these options to true when calling new DataTable:

• scrollX
• scrollY

I later changed these values to false, which disabled scrolling. However, there were still 3 separate tables.

I noticed that on the following webpage, it said the table was split into 3 tables only "through use of the scrollX or scrollY parameters":

https://datatables.net/manual/tech-notes/6

Even when set to false, it appears the table was split into 3 tables. By removing these parameters completely, I now have a single table and thus no alignment issues.