Colors not printing in grid

[ydb1mdParticipant]

When I print my JQGrid, colors are not displaying, either in the print preview, on the printed page or when I print to PDF. This applies to the column headers and row background colors.

[Peter StoevKeymaster]

Hi ydb1md,

That’s a setting of the browser’s Print Dialog. it’s not something related to the Grid.

Best Regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[ydb1mdParticipant]

Actually, it is related to the CSS of the grid. Even when “print background colors” in the Print Dialog is selected, the colors aren’t being displayed or printed. I guess I’ll have to solve this on my own and share my solution.

[ydb1mdParticipant]

To fix the printing of background colors, I had to add “!important” after each color that I set using the renderer code. Please see my code sample below. Without “!important” colors would not appear in print preview or on the printer output.

var Statusrenderer = function (row, column, value) {
if (value == “OK”) {
OTS = false;
return ‘<div style=”font-weight: bold; font-size: 24px;background-color: green!important;text-align:center;”>’ + value + ‘</div>’;
}
else if (value == “OK-“) {
OTS = false;
return ‘<div style=”font-weight: bold; font-size: 24px;background-color: yellow!important;text-align:center;”>’ + value + ‘</div>’;
}
else if (value == “OTS”) {
OTS = true;
return ‘<div style=”font-weight: bold; font-size: 24px;background-color: red!important;text-align:center;”>’ + value + ‘</div>’;
}

[Peter StoevKeymaster]

Hi ydb1md,

This is however a custom function which overrides the default cells rendering. This was not mentioned in your post.

Best Regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[Author]

Posts