For Bootstrap, Print does not carry the header CSS
For Bootstrap, Print does not carry the header CSS
bchipre
Posts: 30Questions: 10Answers: 0
Hello @allan and @colin
Here is a test case https://jsfiddle.net/90715p3d/ using Bootstrap where the header color is black with white text is visible for the table thead, but when it is printed the thead is white with white text. Why is it not carrying forward the applied CSS
.dataTable thead tr th:nth-child(1) {
background-color: black;
color: white;
}
This question has an accepted answers - jump to answer
Answers
I'm guessing you are using Chrome? Click the "Background graphics" checkbox. The browser attempts all sorts of tricky to try and reduce the amount of ink being used. Even with that option unchecked it still doesn't bring the black background with white text - it inverts it.
I'm not sure if Chrome has an option to print just exactly as it is. That would be one for the Chrome team I'm afraid.
Allan
@allan Yes, I'm using Chrome. With "Background graphics" checked, the text is visible.
And, it works exactly as you explained above. Will log a defect to Chrome and get their viewpoint.