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

标签 jquery css datatables nowrap

我正在使用带有 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/

相关文章:

css - 谷歌浏览器更改图形颜色

jquery - 获取每个类值并将其附加到 <select>

javascript - 如何将 anchor 标记从一个地方附加到另一个地方?

javascript - 如何在html中将多个下拉菜单移动到右侧?

javascript - 如何使用 jquery 在数据表中查看复选框是否已切换并根据该复选框执行操作?

javascript - JQuery 数据表不按隐藏值搜索

css - 过滤/搜索后数据表导出(TableTools)

css - jquery 将背景颜色更改为十六进制值

javascript - 如何在第一个和最后一个列表项处停止切换功能?

css - 多语言网站和 CSS 字体系列