JQuery DataTables - JQuery UI 主题，箭头包裹在大腿上

Question

我正在使用带有 jquery ui 主题的数据表，对于可排序的列，一些 TH 包裹着用于对该列进行排序的小箭头图标。

我大约显示了 7 列。对于具有少量文本(不比实际 TH 文本宽)的 TD，箭头图标会环绕在 TH 上。关于如何使所有 TH 标签不会包裹文本的任何想法？我尝试将“sClass:nowrap”添加到每一列，然后创建一个使用空白的 css nowrap 类:nowrap，但这仅适用于 TD，不适用于 TH。

基本上需要一种方法来确保每列的最小宽度与TH内容(包括箭头)一样宽

Answer 1

将此 CSS 添加到您的页面

<style type="text/css">
table.display thead th span.css_right {
  float: right;
}
</style>