Использую bootstrap. На некоторых строках таблицы есть определённый стиль.
При выводе на печать таблицы, цвет строки пропадает. Видел много решений данной проблемы, но ничего не сработало. Где-то что-то я делаю не правильно. Подскажите как подправить код. Пробую в хроме.
пример на jsfiddle
Код JS:
function Print() {
window.print();
}
CSS:
@page {
size: landscape;
}
@media print {
* {
-webkit-print-color-adjust: exact;
}
.noPrintable {
display: none;
}
}
Разобрался с проблемой. Помогло переопределение классов стилей bootstrap. (Надеюсь верная формулировка)
В моём случае это класс table-warning. Решение для него следующее:
.table-warning, .table-warning > td, .table-warning > th {
background-color: #ffeeba !important;
-webkit-print-color-adjust: exact;
}
Я сначала пробовал только с одним table-warning, но это результата не дало, нужно указывать полный путь. И узнать код цвета.
Если кому интересно, то вот пример кода.
Продвижение своими сайтами как стратегия роста и независимости