在Tablesorter中设置列宽

Question

我想设置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/。任何建议我做错了什么？

Answer 1

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

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

这是为我工作。