Я использую jquery.printElement.js для печати созданной таблицы календаря. Он находится внутри div, и он работает в основном, как и ожидалось. Однако у меня большие проблемы с моим CSS. Как описано в моем предыдущем вопросе, мои ячейки расширяются, чтобы соответствовать содержимому, хотя я передаю файлы.css.
Я также попытался добавить table-layout: fixed;
, white-space: nowrap;
и overflow:hidden;
все возможное место, о котором я могу думать. Даже в качестве дополнительного параметра в printBodyOptions:
function printCalendar(){
$('#printable').printElement({
overrideElementCSS:['../css/calendarstyle.css',
'../css/colorbox.css',
'../css/buttonstyle.css'
],
printBodyOptions:{
styleToAdd:
'table-layout:fixed;
overflow:hidden;
white-space: nowrap; !important;'
}
});
}
У меня нет идей, и я надеюсь, что есть способ распечатать мой календарь как изображение, снимок экрана или подобное. Так что все уже представленные пропорции относятся к печатному календарю, а также к представлению на экране. Кто-нибудь знает, как это сделать? Есть ли другие, лучшие решения?
вы попробовали листок стилей, предназначенный для печати?
@media print {
/* overrides here commun CSS with higher selector or !important rules */
}
иначе у вас есть white-space: nowrap; !important;'
white-space: nowrap; !important;'
, синтаксическая ошибка здесь :), должно быть: white-space: nowrap !important;'
@media print
абсолютно не изменяет мой предварительный просмотр или вывод на печать. Также не удаляет синтаксическую ошибку. Я также попытался удалитьoverrideElementCSS:[]
, который дал мне полностью неустановленную белую таблицу. Другими словами, он не использовал стили, определенные в@ media print