在Tablesorter中设置列宽

时间:2013-05-25 19:44:11

标签: javascript jquery tablesorter

我正在尝试在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/。有什么建议我做错了吗?

1 个答案:

答案 0 :(得分:1)

使用TH设置列宽并应用于代码下方。

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

这对我有用。