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.