Column keeps resizing outside the header bounds

Bieb

Is there ever going to be a fix for this annoying issue?

http://i.imgur.com/y6jsP.png

I would of expected the items would simply word wrap... but now i have to truncate the majority of my table data for it to even display correctly in all browsers.

[code]
oTable = $t('#example').dataTable({
"bJQueryUI": true,
"bPaginate": false,
"bAutoWidth": false,
"bLengthChange": false,
});
[/code]

Bieb

After playing around with this some more, it seems word wrap does not happen if I replace actual spaces with their html entity " " ?

allan

  is not the same as a space!   is a non-breaking space, i.e. it does not allow a line break to occur when the browser encounters it, while a "normal" space does allow that. Hence when you use   there are no line breaks and the content of the table simply can't fit into the space that has been allowed for it. So not a bug, but rather expected behaviour of HTML :-)

There are a number of options to deal with this including enabling x-scrolling or relaxing the constraint (presumably with CSS) on the wrapper element (just set it to width: 100%). Also if you want to have no wrapping enforced without using   you can use the white-space option of CSS (nowrap).

Regards,
Allan