Inconsistent table width's when autoWidth set to true
Inconsistent table width's when autoWidth set to true
I can't reproduce this with a JSFiddle yet, but I have a bunch of tables spread out throughout my application. Originally we had the "autoWidth" property set to true globally, but started seeing tables sized too short for the horizontal space (i.e. we want the table to fit the full width of the page.) Some tables worked out fine, some tables got shortened, as far as I can tell there's no common denominator on why one works and another doesn't (i.e. number of columns, outer div, classNames/css). When we set the autoWidth to false the short tables end up going back to filling the space correctly but then tables that weren't broken start showing up short. The only fix I have so far is to go into each page where the table comes up short and set the autoWidth flag specifically for that table. That's a pain. Has anyone seen this before?
Answers
Yes I have. Sometimes I don't have to add "autoWidth": false. Other times I do. It seems to happen when using ColVis extension, but could just be coincidence.
My environment is Bootstrap css with datatables colReorder, scroller, and keytable turned on. ColVis is included in the build but not set to true right now. I guess I'll just go through and start excluding files from the install and see if turning off any functionality fixes the issue.