title: R Shiny table how to format html code correctly in expandable rows
body: <p>In my shiny app I display a table (reactable) with an expandable row. I would like to change the background color for certain words, therefor I use html spans. It works fine for the text in the regular row, in the expandable row however only the plain html code is displayed.</p>
  <p><a href="https://i.stack.imgur.com/NBKvI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NBKvI.png" alt="enter image description here" /></a></p>
  <p>I set <code>html = TRUE</code> for both columns yet is not displayed correctly. How do I make it work?</p>
  <p><strong>app.R</strong></p>
  <pre><code>library(shiny)
  library(htmltools)
  library(reactable)
  
  ui &lt;- fluidPage(
    reactableOutput(&quot;table&quot;)
  )
  server &lt;- function(input, output) {
    
    output$table &lt;- renderReactable({
      df = data.frame(&quot;title&quot; = c(&quot;This is the &lt;span style='background-color:yellow;'&gt;Title&lt;/span&gt;&quot;, &quot;This is a longer Title&quot;), 
                      &quot;abstract&quot; = c(&quot;This is the &lt;span style='background-color:yellow;'&gt;abstract&lt;/span&gt;&quot;, &quot;This is an even longer abstract&quot;))
      reactable(
        df,
        columns = list(
          abstract = colDef(show = F, html = TRUE),
          title = colDef( html = TRUE)
        ),
        details = function(index) {
          htmltools::div(style= &quot;background-color:white&quot;,
                         htmltools::tags$div(style= &quot;background-color:#eee; padding: .9em; border-color: #ffe;&quot;, df[index, &quot;abstract&quot;])
                         
          )
        }
      )
    })
    
  }
  </code></pre>