javascript - 将 CSS 样式应用于数据表中的特定列

Question

我在我的 shiny App 中使用 Datatable，如下所示。我想知道，是否有任何方法可以在 Datatable 的单个列中应用特定的 CSS 样式，例如我希望第一列是粗体 并具有特定的字体。

任何指针将不胜感激。谢谢，

library(shiny)
library(DT)
library(data.table)   


 ui = fluidPage(

    DT::dataTableOutput("mytable1", height = '400px')
)

server = function(input, output, session) {
  DF_DT = data.frame(matrix("4", nr = 20, nc = 7)); colnames(DF_DT) = LETTERS[1:7]
  output$mytable1 = renderDataTable({
                  DF_DT}, options = list(columnDefs = list(list(width = '350px', targets = 1, className = 'dt-center', fontSize = '50px')))
              )
}

shinyApp(ui = ui, server = server)

Answer 1

一种可能是:

ui = fluidPage(
  tags$head(tags$style(HTML("
      .dt-center {
        font-weight: bold;
      }
    "))),
  DT::dataTableOutput("mytable1", height = '400px')
)

有关引用，请参阅 https://shiny.rstudio.com/articles/css.html