Пейзажная печать из HTML - PullRequest
       55

Пейзажная печать из HTML

217 голосов
/ 26 сентября 2008

У меня есть отчет в формате HTML, который должен быть напечатан в альбомной форме из-за большого количества столбцов. Есть ли способ сделать это без изменения пользователем настроек документа?

А какие есть варианты среди браузеров.

Ответы [ 13 ]

1 голос
/ 18 июня 2010
<style type="text/css" media="print">
.landscape { 
    width: 100%; 
    height: 100%; 
    margin: 0% 0% 0% 0%; filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1); 
} 
</style>

Если вы хотите, чтобы этот стиль применялся к таблице, создайте один тег div с этим классом стиля, добавьте тег таблицы в этот тег div и закройте тег div в конце.

Эта таблица будет печататься только в альбомной ориентации, а все остальные страницы будут печататься только в портретном режиме. Но проблема в том, что если размер таблицы больше ширины страницы, то мы можем потерять некоторые строки, а иногда и заголовки также пропускаются. Будьте осторожны.

Хорошего дня.

Спасибо, Навин Меттапалли.

1 голос
/ 10 ноября 2009

Я пытался решить эту проблему один раз, но все мои исследования привели меня к элементам управления / плагинам ActiveX. Нет хитрости в том, что браузеры (все равно 3 года назад) разрешали изменять любые параметры печати (количество копий, размер бумаги).

Я приложил все усилия, чтобы предупредить пользователей о необходимости выбора «ландшафта» при появлении диалога печати в браузерах. Я также создал страницу «предварительного просмотра», которая работала намного лучше, чем IE6! Наше приложение имело очень широкие таблицы данных в некоторых отчетах, и предварительный просмотр печати давал понять пользователям, когда таблица выплеснется через правый край бумаги (поскольку IE6 не справляется с печатью на 2 листах).

И да, люди все еще используют IE6 даже сейчас.

0 голосов
/ 25 июля 2014

Это также сработало для меня:

@media print and (orientation:landscape) { … }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...