In meinem Projekt versuche ich das zu machentbody Scrollen Sie in IE8. Ich weiß, es kann gescrollt werden, indem man einfach gibtoverflow: auto zutbody. Dies funktioniert jedoch nicht in IE8. Damit es in IE8 funktioniert, muss dastbody muss gegeben werdenposition: absolute (oderfloat: left an beidethead undtbody). Wenn ich das macheoverflow: auto arbeite dann die breiten die ich dem zugeteilt habeth undtd in Prozent wird ignoriert. die wiederum nicht dietr die volle Breite einnehmenthead undtbody. Daher gibt es einen irritierenden Raum zwischentr undtbody/thead.

Bitte testen Sie diesDemo im IE8. (funktioniert gut in Firefox und Chrom)

und hier ist der Code inGeige.

Hier sind die strengen Punkte, die ich nicht ändern kann

Breite bistd undth muss in Prozent angegeben werden.Ich kann das HTML-Markup nicht ändernEs muss nur mit CSS gelöst werden.

Eigentlich habe ich es mit einem Dirty Fix gelöst, der wie folgt lautet

th:after,td:after{ /* only to the last column, first occurence */
    content: "...................................................";
    visibility: hidden;
}

Der obige Code kann auch überprüft werden, indem in Entwicklertools vielen Punkten ein bestimmtes td / th zugewiesen wird

Der obige Code sieht ok aus aber ich muss den geben:after Pseudo-Selektor nur in der ersten Zeile der letzten Spalteth undtr. Wenn ich jedem gebeth undtr dann ist das Layout durcheinander. und auch diedots muss vergrößert werden, wenn der Leerraum zwischen demtr undtbody ist mehr. Dann könnte dies natürlich nur dynamisch erreicht werden, was ich in meinem aktuellen Projekt nicht kann.

PS:Ich mache es vielleicht komplett falsch. Ich teile nur meine Bemühungen, wo ich dem Ergebnis sehr nahe gekommen bin.