В своем проекте я пытаюсь сделатьtbody прокрутите в IE8. Я знаю, что это можно прокрутить, просто давoverflow: auto вtbody, Но это не работает в IE8. Чтобы он работал в IE8,tbody должен быть данposition: absolute (или жеfloat: left как дляthead а такжеtbody). Если я сделаюoverflow: auto работать тогда ширины, которые я назначилth а такжеtd в процентах игнорируется. что, в свою очередь, не позволяяtr занимать всю ширину вthead а такжеtbody, Следовательно, есть раздражающее пространство междуtr а такжеtbody/thead.

Пожалуйста, проверьте этодемонстрация в IE8. (отлично работает в Firefox и Chrome)

и вот код виграть на скрипке.

Вот строгие моменты, которые я не могу изменить

Ширина доtd а такжеth должен быть в процентах.Я не могу изменить разметку HTMLЭто должно быть решено с использованием только CSS.

На самом деле, я решил это с грязным исправлением, которое выглядит следующим образом

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

Приведенный выше код также можно проверить, указав множество точек для определенного тд / т в инструментах разработчика.

Приведенный выше код выглядит нормально, но мне нужно дать:after псевдо-селектор только для первого ряда последнего столбцаth а такжеtr, Если я дам каждомуth а такжеtr тогда макет портится. а такжеdots должно быть увеличено, если междуtr а такжеtbody более. Тогда, конечно, это может быть достигнуто только динамически, чего я не могу сделать в моем текущем проекте.

PS:Возможно, я делаю это совершенно неправильно. Я просто делюсь своими усилиями, где я достиг очень близко к результату.