Javascript 将CSS样式应用于Datatable中的特定列
我正在我的Javascript 将CSS样式应用于Datatable中的特定列,javascript,css,r,shiny,Javascript,Css,R,Shiny,我正在我的闪亮应用程序中使用Datatable,如下所示。我想知道,是否有任何方法可以在Datatable的单个列中应用特定的CSS样式,例如,我希望第一列为粗体,并具有特定的字体 任何指挥员都将不胜感激。谢谢 library(shiny) library(DT) library(data.table) ui = fluidPage( DT::dataTableOutput("mytable1", height = '400px') ) server = function
闪亮应用程序中使用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)
一种可能性是:
ui = fluidPage(
tags$head(tags$style(HTML("
.dt-center {
font-weight: bold;
}
"))),
DT::dataTableOutput("mytable1", height = '400px')
)
参考请参见Hi Aurèle,谢谢您的回答。但是,它正在更新列中的所有内容,包括标题。是否可以只更新基础列的主体部分,而不更新标题?@Bogaso您可以使用td.dt-center{font-weight:bold;}
进行选择(我使用selectorgadget来解决这个问题)。