在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, 
    ........ 
}); 

這是爲我工作。