在 Tablesorter 中设置列​​宽

Posted 2023-03-06

【中文标题】在 Tablesorter 中设置列​​宽

【英文标题】：Set column width in Tablesorter

【发布时间】：2013-05-21 03:16:06

【问题描述】：

我正在尝试设置 JQuery Tablesorter 中列的宽度。我有一个例子http://jsfiddle.net/nHWRK/70/ 我有 3 列。我希望整个表填充浏览器窗口（100%）并在调整浏览器窗口大小时动态变化。我希望第一列是 10%，第二列是 40%，第三列是 50%，三者加起来是 100%。我试图通过

在代码中控制它

.tablesorter 
    width: 100%;

.tablesorter td:nth-child(3n+1) 
    width: 10%;

.tablesorter td:nth-child(3n+2) 
    width: 40%;

.tablesorter td:nth-child(3n+3) 
    width: 50%;

目前，当窗口大小发生变化时，第一列和第三列的宽度似乎会动态变化。但是第二列没有改变。我在这里有一个工作示例http://jsfiddle.net/nHWRK/70/embedded/result/。有什么建议我做错了吗？

【问题讨论】：

阅读此***.com/questions/928849/setting-table-column-width

【参考方案1】：

用 TH 设置列宽并应用下面的代码。

$(".GridTable").tablesorter(
    widthFixed: false,
    ........
);

这对我有用。