How to print a styled grid?
Every time the component printed without the style.
Ex:
To set a background color to a cell/ column
background-color: red;
Hello, Anderson!
Thank you for reaching out to us.
We recommend using Flexmonster export in PDF instead of standard printing to keep stylings in the resulting document, as printing depends on the browser settings. For example, we have noticed that the printed result is monochrome in Firefox, but with colors in Chrome.
To set the custom stylings that remain while exporting, we suggest the conditional formatting approach. Conditional formatting allows you to configure the following styles:
We have prepared a JSFiddle example for visualization: http://jsfiddle.net/flexmonster/7t6ymdzc/.
Kindly note that conditional formatting could also be applied via the UI. Here is a short guide:
Format
button on the ToolbarConditional formatting
+Add condition
and apply all necessary stylings.For more details about the conditional formatting approach, please look through our docs: https://www.flexmonster.com/doc/conditional-formatting/.
Hope you will find this answer helpful.
Feel free to ask if any further questions arise.
Regards,
Solomiia
Hello, Anderson!
Hope you are doing well.
Our team is wondering if you had some time to try the suggested exporting approach to remain colors in the resulting file. Could you please let us know if it works for your case?
Looking forward to hearing from you.
Regards,
Solomiia
Hello, Anderson!
Hope you are having a great week.
Just checking in to ask if the suggested exporting approach was helpful remaining colors in the resulting file.
Looking forward to your response.
Regards,
Solomiia