2

ロックされたヘッダー jquery プラグインに取り組んでいますが、テーブルの幅が列の幅の合計よりも小さいという問題が発生しています。

ロックされたヘッダー プラグインがどのように機能するかは次のとおりです。テーブルの元のヘッダーを含む別のテーブルを作成し、元のテーブルの上にフローティングされたテーブルに配置します。次に、フローティング テーブルの列幅と元のテーブルの列幅が同じであることを確認します。

テーブルの幅が 100%で、その内部がオーバーフローのあるコンテナーの場合、テーブルの幅が列幅の合計によって制御されていないように見えるという問題が発生しています。

テーブルがコンテナー内にない場合は機能します。

このテスト ケースを参照してください: http://programmingdrunk.com/floatThead/examples/big-table.htm

最初のテーブルは、フローティング ヘッダーと同じ幅にする必要があります。列幅が一致していないことがわかります。

2 番目のテーブルは、overflow:auto; のコンテナー内にないため、正常に機能します。

4

1 に答える 1

0

table-layout を使用しています: 修正済み。それを読んだだけで、これでテーブルの最初の行がテーブルの幅の計算に使用されているようです。調べてみると最初の行が空のように見えますが、それが問題の原因でしょうか?

コンテンツがなければ、CSS に基づいて、この幅はコンテナーの 100% に等しくなり、これが起こっているようです。

に変更してみてくださいtable-layout: auto。ただし、現在のスタイルに依存している可能性があります。

于 2012-11-05T17:00:15.347 に答える