我正在尝试在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/。有什么建议我做错了吗?
答案 0 :(得分:1)
使用TH设置列宽并应用于代码下方。
$(".GridTable").tablesorter({
widthFixed: false,
........
});
这对我有用。