Using pagedown to convert from HTML to pdf in R

Question

Its my first time using pagedown.

Could you help me?

This is my .Rmd code:

--- title: "Table" output: html_document: css: "test.css" --- ```{r} library(knitr) data(iris) kable(iris) ```

This is my .css file:

.main-container { max-width: 1600px !important; } tr:nth-child(even) { background-color: #f2f2f2; } th { background-color: #FF6319; color: white; font-size: 12px; } tbody { font-size: 12px; } hr { page-break-after: always; }

When i set the command pagedown::chrome_print('C:/Users/user/Downloads/myfile.html') the pdf output is created but it doesn mantain the css style.

What am I missing?

Any help?

Thanks!

You can try setting the format in chrome_print as pdf.... check rdrr.io/cran/pagedown/man/chrome_print.html Another option would be using rmarkdown? rmarkdown::pandoc_convert("C:/Users/user/Downloads/myfile.html", output = "test.pdf") — spYder
– spYder, Commented Oct 5, 2019 at 23:39
@spYder you mean pagedown::chrome_print('C:/Users/user/Downloads/myfile.html', format="pdf) ? I did and didnt work. — Laura
– Laura, Commented Oct 5, 2019 at 23:46
@spYder I also use rmarkdown::pandoc_convertand it didnt work — Laura
– Laura, Commented Oct 5, 2019 at 23:52

RLesur · Accepted Answer · 2019-10-08 20:12:35Z

This behavior comes from print media query: the rmarkdown::html_document() output format defines different CSS rules for print and screen. Secondly, the pagedown::chrome_print() function uses the print media styles to generate PDF.

The rmarkdown::html_document() output format relies on Bootstrap 3.3.5 which defines some specific rules for print media, see the source code.

More precisely, in the source code, there is this declaration:

@media print { .table td, .table th { background-color: #fff !important; } }

These rules override the CSS rules defined in the question for print media.

In order to obtain the expected behavior, you have to override these built-in CSS rules using a higher specificity.

This modified stylesheet should do the trick:

.main-container { max-width: 1600px !important; } .table tbody tr:nth-child(even) { background-color: #f2f2f2 !important; } .table thead th { background-color: #FF6319 !important; color: white !important; font-size: 12px; } tbody { font-size: 12px; } hr { page-break-after: always; }

Collectives™ on Stack Overflow

Using pagedown to convert from HTML to pdf in R

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related