我正在使用带有 jquery ui 主题的数据表,对于可排序的列,一些 TH 包裹着用于对该列进行排序的小箭头图标。
我大约显示了 7 列。对于具有少量文本(不比实际 TH 文本宽)的 TD,箭头图标会环绕在 TH 上。关于如何使所有 TH 标签不会包裹文本的任何想法?我尝试将“sClass:nowrap”添加到每一列,然后创建一个使用空白的 css nowrap 类:nowrap,但这仅适用于 TD,不适用于 TH。
基本上需要一种方法来确保每列的最小宽度与TH内容(包括箭头)一样宽
最佳答案
将此 CSS 添加到您的页面
<style type="text/css">
table.display thead th span.css_right {
float: right;
}
</style>
关于JQuery DataTables - JQuery UI 主题,箭头包裹在大腿上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8594974/