Распечатать все содержимое прокручиваемой таблицы

Question

У меня есть следующая страница для печати с горизонтальной прокруткой.Мне нужно напечатать содержимое в области горизонтальной полосы прокрутки.

Когда эта страница напечатана, я получаю вывод, который не содержит все поля в области горизонтальной полосы прокрутки.

Не все содержимое полосы прокрутки напечатано.

Я использую метод Print CSS.

@media print {
    .noprint {
        display: none;
        overflow: visible;
    }
}

Answer 1

Хорошо, я нашел решение. Вот что я сделал:

@media print {
    .noprint { 
        display: none
    }
    .mypages div.compare {
        white-space: normal
    }

    .mypages .compare .estate {
        padding-bottom: 110px
    }
}

Здесь div .compare - это контейнер, содержащий все элементы, которые я хочу напечатать.

и .estate - это одно состояние, которое я хочу напечатать в списке элементов div. используется для установки промежутка между печатными элементами. Это означает, что он печатает 3 состояния подряд. Затем вторые 3 внизу первого и, как мудрый. Чтобы установить зазор между этими строками, я использовал .mypages .compare .estate div.

Answer 2

CSS для печати, который у вас есть, скроет любой HTML с классом noprint.

Не могли бы вы показать нам схему HTML области прокрутки и обычного CSS, примененного к нему?