Fixed Table Headers / Footers are not properly aligned with columns in Chrome
Fixed Table Headers / Footers are not properly aligned with columns in Chrome
jgoulet
Posts: 26Questions: 2Answers: 1
I have created a table using this plugin, and it is functioning great. The only problem I am having is that the fixed headers / footers are not properly aligning with the table columns in Chrome. Here is a jsfiddle that I put together that replicates the behavior. http://jsfiddle.net/PjxQe/4/
If you view the link in Firefox or IE 9+ and expand the view pane horizontally, everything lines up perfectly and all is well. But when you do the same in Chrome, the headers / footers get all wonky.
In the js section of the fiddle I included fixedHeader.min.js, dataTables.scroller.min.js, and jquery.dataTables.columnFilter.js (I couldn't find a URL to just link to a web page that hosts those files).
I searched for other forum posts on this, but the admins requested sample code in order to replicate the behavior, so I decided it would be easiest to create a new post. Thanks in advance.
If you view the link in Firefox or IE 9+ and expand the view pane horizontally, everything lines up perfectly and all is well. But when you do the same in Chrome, the headers / footers get all wonky.
In the js section of the fiddle I included fixedHeader.min.js, dataTables.scroller.min.js, and jquery.dataTables.columnFilter.js (I couldn't find a URL to just link to a web page that hosts those files).
I searched for other forum posts on this, but the admins requested sample code in order to replicate the behavior, so I decided it would be easiest to create a new post. Thanks in advance.
This discussion has been closed.
Replies
Allan