DataTable not responsive at low resolution without sorting
DataTable not responsive at low resolution without sorting
SgianSgiath
Posts: 15Questions: 3Answers: 0
Link to test case: https://www.jmu.edu/chbs/csd/graduate-achievements-test-no-sort.shtml
Debugger code (debug.datatables.net):
No failures or errors found. It just had new versions, which I tried, but the issue persists.
Error messages shown:
None
Description of problem:
When there is no sorting, at lower resolutions, the table doesn't respond properly (overflow on the last column) on page https://www.jmu.edu/chbs/csd/graduate-achievements-test-no-sort.shtml
However, when sorting is applied (such as at https://www.jmu.edu/chbs/csd/graduate-achievements-test-sort.shtml) it works fine.
I've tried new versions of CSS and JS and it doesn't resolve. I tried to draw the table whether not .order() is used, but that doesn't resolve.
You can see the issue when at 373 wide.
Answers
I took the table out of our template (in case that was an issue) and get the same results at https://www.jmu.edu/chbs/csd/datatable-sort-test.shtml However, if I turn on ordering, it responds appropriately at 373px wide. When I turn it off, it doesn't work properly at 373px. This seems like an ordering/responsive bug
Further investigation reveals that this seems to occur with dragging to lower resolutions and hitting it on standard resolutions (i.e., 320px) and it seems to work. It may be that it was an odd resolution and the dragging effect prevents DataTable redraw. Looking more into that.
It fails at standard resolution 375px.