PrintJS удаляет верхние и нижние колонтитулы, а также показывает цвет фона строки CSSCSS

Разбираемся в CSS
Ответить
Anonymous
 PrintJS удаляет верхние и нижние колонтитулы, а также показывает цвет фона строки CSS

Сообщение Anonymous »

Мы пытаемся реализовать функцию, позволяющую пользователю распечатать HTML-сегмент нашего приложения, мы генерируем данные электронной таблицы в div, а затем планируем использовать printJS для их печати (мы вызываем printJS с именем нашего div и типом html). В целом он работает отлично, но в результате печати отображаются нижний колонтитул и заголовок (URL-адрес и заголовок документа, которые мы не хотим показывать пользователю, плюс он НЕ отображает неровный цвет строки, который мы используем, мы окрашиваем неровные строки в электронной таблице для удобства чтения). ). В HTML цвета отображаются правильно.
Я пытался решить эту проблему, принудительно запустив такое поведение с помощью следующего кода в нашем index.html

Код: Выделить всё

 
@page {
size: auto;
margin: 0;
}

* {
-webkit-print-color-adjust: exact !important;
color-adjust: exact !important;
print-color-adjust: exact !important;
}

Этот код работает и показывает желаемый результат, ЕСЛИ пользователь снимает флажок «Верхние и нижние колонтитулы» в диалоговом окне печати Windows, а также устанавливает флажок «Фоновая графика».
Это не будет желаемым решением для клиента, если пользователю необходимо будет задавать эти настройки в диалоговом окне печати Windows каждый раз, когда он собирается печатать, и сложно добавить это в инструкции. Мы хотели бы иметь возможность отображать цвета строк, а также удалять верхние и нижние колонтитулы без каких-либо настроек со стороны пользователя (т. е. программно).
Как мы можем добиться этого программно? Я не уверен, но похоже, что Windows каким-то образом хранит эти настройки, но мы бы предпочли, чтобы об этих настройках/свойствах по возможности заботились с помощью нашего кода. Очень ценю любую помощь! Полностью застрял в том, как действовать дальше. Актуально только для печати в Windows.

Подробнее здесь: https://stackoverflow.com/questions/791 ... lor-of-row
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»