如何设置jQuery datatable表头不换行

jQuery datatable非常好用,也相当的美观,但是数据宽度不一致时表头换行很难看。

datatable 表头禁止换行:

.dataTable th {
    white-space: nowrap !important;
}

但是实际使用中发现把浏览器拉大拉小的过程中,表头还是会换行,但是问题不大,浏览器窗口固定大小时没问题。

其它不换行:

强制不换行
p { white-space:nowrap; }

自动换行

p { word-wrap:break-word; word-break:normal; }

强制英文单词断行

p { word-break:break-all; }

*注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。

span { display:block; }