How do I include html code within R markdown tables?

[martj42]

So I have the following R chunk in a rmarkdown file:

library(tidyverse)

tibble(" " = '<img src= "img/logos/bos.png" alt="Boston Celtics">', Team = "Boston Celtics", Wins = 82)

I want to display it as a table, which I can do with gt::gt() or kableExtra::kable(), I have no real preference. Obviously, the first column will be printed as text rather than html code.

Is there an easy way to have it evaluated as html code?

[cderv]

Did you tried

tab <- tibble::tibble(" " = '<img src= "img/logos/bos.png" alt="Boston Celtics">', Team = "Boston Celtics", Wins = 82)
knitr::kable(tab)

I don't have you image to try, but on a small example with one of mine, it is working.

The html code is kept as is in kable output.

[martj42]

@cderv

knitr::kable

Thank you! That's it. And I'm embarrassed that it's this simple.

[cderv]

@martj42

And I'm embarrassed that it's this simple

Don't be ! This is always a good idea to look for advices!

---

If your question's been answered, would you mind marking as solution? It helps other people see which questions still need help, or find solutions if they have similar problems. Here’s how to do it:

FAQ: How do I mark a solution?

If your question has been answered, don't forget to mark the solution! How do I mark a solution? Find the reply you want to mark as the solution and look for the row of small gray icons at the bottom of that reply. Click the one that looks like a box with a checkmark in it: [image] Hovering over the mark solution button shows the label, "Select if this reply solves the problem". If you don't see the mark solution button, try clicking the three dots button ( ••• ) to expand the full set of options. When a solution is chosen, the icon turns green and the hover label changes to: "Unselect if this reply no longer solves the problem". Success! [solution_reply_author] …

[martj42]

It seems if I just use knitr::kable() without specifying the format (which will, I guess, render a markdown table), the images will be displayed, however if I wanted to do knitr::kable(format = "html") to use the functions of kableExtra, the images column will, again, just show the code.

Is there a way to get both working together?

[cderv]

If you want to produce html table code to use with knitrExtra afterwards, you need to take care of escaping.

By default, knitr::kable() will escape special character so that they print correctly in the HTML table. In your case, you don't want that, because you put in your table some html code directly, so you want it as is.

There is an option for that:

knitr::kable(tab, format = "html", escape = FALSE)

With this, no escaping will happen. See the doc for details.

The < and > of your html code for image won't be escape anymore and this should work.