How to fix/address table content overflowing its container
How to fix/address table content overflowing its container
For aesthetic purposes, I am trying to put my tables into a wrapper so that the controls will be elegantly grouped (similar to how they are in the jQuery UI example). However, when the data in the table exceeds the screen width, the wrapper does not extend around it. I understand this is not a DataTables specific issue (as it will do this with or without DataTables), but am wondering if there are facilities to address it within DataTables?
To see exactly what I mean: http://jsfiddle.net/CaxV5/
I have found solutions on the forum where one specifies the wrapper width precisely (i.e. 2000px), but I would prefer the wrapper scale dynamically, as the tables in question vary wildly in size. I suppose this is more of a general CSS/HTML question, but it cannot hurt to ask.
To see exactly what I mean: http://jsfiddle.net/CaxV5/
I have found solutions on the forum where one specifies the wrapper width precisely (i.e. 2000px), but I would prefer the wrapper scale dynamically, as the tables in question vary wildly in size. I suppose this is more of a general CSS/HTML question, but it cannot hurt to ask.
This discussion has been closed.