search

DataTables / Responsive

Responsive extension for DataTables, providing support for complex tables on all device screen sizes
Other
148 stars 86 forks source link

DataTables with Responsive + scrollY Issue #62

Closed djuba closed 8 years ago

djuba commented 8 years ago

http://jsfiddle.net/uonhekd8/1/

Bootstrap 3.3.5, DataTables 1.10.10, FixedHeader 3.1.0, Responsive 2.0.0

When you run the above jsFiddle, the DataTables scrollHead columns do not line up with the scrollBody columns on initial load. This is much more visually apparent if you run the jsFiddle when the window is small enough to have a collapsed column, but is still an issue without collapsed columns. If you resize the window, the columns will line up.

Any ideas on a short term quick fix I can implement?

Keep up the good work!

djuba commented 8 years ago

FYI, placing a $(window).trigger('resize') call within the initComplete option does not adjust the responsive column widths. However, running that trigger call through the browser console after the page loads does adjust the responsive column widths and lines the columns up correctly. I'm at a loss as to why the trigger within the initComplete option does not work.

djuba commented 8 years ago

Just saw this issue was fixed by commit 82e62b3

CoralSilver commented 8 years ago

Thanks for posting. Fix worked for me.