Restricting table width even if all columns rendered greater than container width
Restricting table width even if all columns rendered greater than container width
I have set up a table and even styled the wrapper like so:
[code]
.dataTables_wrapper { width:460px; background:lime;}
[/code]
That is the only styling and with just the column names rendered with no data the table width is 600px. When data populates the table the table grows even larger.
Is there anything I can do apart from reducing the number of columns to make it look more presentable as the table is larger than the container div and just looks horrible?
[code]
.dataTables_wrapper { width:460px; background:lime;}
[/code]
That is the only styling and with just the column names rendered with no data the table width is 600px. When data populates the table the table grows even larger.
Is there anything I can do apart from reducing the number of columns to make it look more presentable as the table is larger than the container div and just looks horrible?
This discussion has been closed.
Replies
sScrollX should help. I've never used it so I can't be of any practical assistance, but I imagine what you need is in there.