increase width of a td so that the contents is on a single line

[ac1d0x]

I have a table that looks something like this:\[code\]+----------------------+-------------------+| This text is on the | This text is on || first column | the second column |+----------------------+-------------------+\[/code\]And I want it to look like this:\[code\]+----------------------------------+-----------------------------------+| This text is on the first column | This text is on the second column |+----------------------------------+-----------------------------------+\[/code\]My table is longer than the screen and has many many lines, but this is the functionality I want from it. Is there a CSS property that can make this happen without truncating the text? If not could somebody point me to a javascript example on how to do this?