Я начинающий разработчик, идущий на полпути к сгенерированному Vue проекту со многими компонентами. Мы также используем квазар-каркас для некоторых наших таблиц.
У нас есть таблицы, которые должны распечатываться не менее чем на 16 страниц, если они имеют альбомную ориентацию или сохранены в PDF. Однако при использовании ctrl + P для создания предварительного просмотра печати в Chrome ничего, кроме экранного представления во время нажатия Ctrl + P, отображаться не будет.
Я сделал @media запросов на печать для посмотрите, может ли overflow, z-index, display и любое другое свойство CSS, на которое я могу придумать, повлиять на это, но не получилось заставить Chrome сгенерировать более одной страницы в режиме предварительного просмотра. У меня также есть некоторая путаница в отношении CSS правил предшествования в контексте Vue приложения и того, как Quasar также может влиять на это.
ОБНОВЛЕНИЕ: РЕШЕНО (ниже в стилусе css)
@media print
header
display none !important
*
overflow unset !important
height unset !important
min-height unset !important
max-height unset !important
.q-page-container
padding-top 0 !important
padding-left 0 !important
.overflow-hidden
overflow unset !important
.q-table__card
box-shadow unset !important