Table Width Doesn't Match Toolbars

thecountofzero

If I have dataTable inside of a div and that div is inside another div that has a width of let's say "800px". The div inside it, which contains the dataTable, is also 800px (or maybe a tad smaller).

If the dataTable has a lot of columns, such that it could not fit within the 800px, it expands and displays outside of the div. The tool bars of the dataTable (header which contains the number of rows to show and search textbox and footer which contains pagination) have their widths set correctly and fit nicely within the 800px div container. But the table does not. Its width is whatever width it needs to display all of the columns.

Is there a way to fix this? Is there a way to force the table to be the same width as the tool bars and to fit within the 800px div container?

I have uploaded a screen shot to my server so you can see what I mean:
http://www.malamoney.com/dataTables-screenshot.jpg

The code for the table looks something like this:

[code]






Name
Product
Active
Entitled
Something
Else
Enabled
Serial Number
Support
Support ID
Expiration
Refresh
Monitoring
Collection
Color
Nickname
Site
Contact
Cell
Email








[/code]


Thanks,
Mike

thecountofzero

I believe one of the causes of the very wide table is that a lot of the columns contain long strings that do not have any spaces in them such as:

something.dummy.mydomain.com