我正在尝试设置 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/ 。有什么建议我做错了什么吗?
最佳答案
使用 TH 设置列宽并应用以下代码。
$(".GridTable").tablesorter({
widthFixed: false,
........
});
这对我有用。
关于javascript - 在 Tablesorter 中设置列宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16753286/