私のプロジェクトではtbody、IE8 でスクロールを作成しようとしています。に与えるだけでスクロールできることはわかっていoverflow: autoますtbody。しかし、これは IE8 では機能しません。IE8 で動作させるには、 を(またはと の両方に)tbody与える必要があります。私が作業を行うと、パーセンテージで割り当てた幅は無視されます。これにより、 がとの全幅を占めることはありません。したがって、と/の間にはいらいらするスペースがあります。position: absolutefloat: lefttheadtbodyoverflow: autothtdtrtheadtbodytrtbodythead
このデモは IE8 でテストしてください。( firefox と chrome で正常に動作します)
これがfiddleのコードです。
ここに私が変更できない厳密なポイントがあります
- 幅はパーセンテージ
tdでthある必要があります。 - HTML マークアップを変更できない
- CSSだけで解決する必要があります。
実際、次のような汚い修正で解決しました
th:after,td:after{ /* only to the last column, first occurence */
content: "...................................................";
visibility: hidden;
}
上記のコードは、開発者ツールで特定の td/th に多くのドットを与えることによっても確認できます。
上記のコードは問題ないように見えますが、:after疑似セレクターを最初の行の最後の列thとtr. 私が毎回与えるthとtr、レイアウトが台無しになります。また、とdotsの間の空きスペースが多い場合は、 を増やす必要があります。もちろん、これは動的にのみ達成できますが、現在のプロジェクトでは実行できません。trtbody
PS:完全に間違っているかもしれません。私は結果に非常に近いところに到達した私の努力を共有しているだけです.