1

JQuery Tablesorter で列の幅を設定しようとしています。例がありますhttp://jsfiddle.net/nHWRK/70/ 3つの列があります。テーブル全体をブラウザー ウィンドウ (100%) いっぱいにし、ブラウザー ウィンドウのサイズが変更されたときに動的に変更する必要があります。最初の列を 10%、2 番目の列を 40%、3 番目の列を 50% にして、3 つすべてを合計すると 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%;
}

現時点では、ウィンドウ サイズが変更されると、1 列目と 3 列目の幅が動的に変化するようです。しかし、2 番目の列は変更されません。ここに実例があります http://jsfiddle.net/nHWRK/70/embedded/result/。私が間違っていることは何か提案はありますか?

4

1 に答える 1

1

TH で列幅を設定し、以下のコードを適用します。

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

これは私のために働いています。

于 2014-01-15T03:55:05.607 に答える