Javascript 在Tablesorter中设置列宽
我试图在JQuery Tablesorter中设置列的宽度。我有一个例子,我有3列。我希望整个表格填充浏览器窗口(100%),并在调整浏览器窗口大小时动态更改。我希望第一列是10%,第二列是40%,第三列是50%,这三列加起来是100%。我试图在代码中通过Javascript 在Tablesorter中设置列宽,javascript,jquery,tablesorter,Javascript,Jquery,Tablesorter,我试图在JQuery Tablesorter中设置列的宽度。我有一个例子,我有3列。我希望整个表格填充浏览器窗口(100%),并在调整浏览器窗口大小时动态更改。我希望第一列是10%,第二列是40%,第三列是50%,这三列加起来是100%。我试图在代码中通过 .tablesorter { width: 100%; } .tablesorter td:nth-child(3n+1) { width: 10%; } .tablesorter td:nth-child(3n+2) {
.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%;
}
目前,当窗口大小改变时,第一列和第三列似乎会动态地改变宽度。但是第二列没有改变。我这里有一个工作示例。有什么建议我做错了什么吗?用TH设置列宽并应用下面的代码
$(".GridTable").tablesorter({
widthFixed: false,
........
});
这对我有用。用TH设置列宽并应用下面的代码
$(".GridTable").tablesorter({
widthFixed: false,
........
});
这对我有用。读这个读这个