Wrapping table heading text

What CSS or Javascript language should I use to wrap the text in the cells of a table's heading? 

Thanks in advance for the help!

You can use the following code to set the column width and wrap text for a table:


#view_## th.field_## {

  width: 100px; /* width in pixels */

  white-space: inherit;

  word-wrap: break-word;


Note: All other column headers will inherit the line spacing from the largest cell.

I use this in the CSS, if you want it to run across all of your table just remove the view.

#view_1031.kn-table table th {

  white-space:normal; !important;


I do it in the designer with a <br> tag to add a line break between words.