R DT数据表字体大小更改

时间:2018-12-06 16:31:34

标签: css r datatable dt

我想更改整个数据表的字体大小。对于我要显示的内容,默认大小太大。我正在尝试使用formatStyle如下更改变量名和列内容的字体大小

library(DT)
library(magrittr)
iris %>% 
     datatable() %>% 
     formatStyle(columns = colnames(.), `font-size` = '25%')

但是,无论更改如何,呈现的都是相同的字体大小。尝试了不同的字体大小格式,例如“大,小”,“ 150%,50%”和“ 10px,20px,30px”

3 个答案:

答案 0 :(得分:0)

能够通过更新CSS来更改标题和列的字体大小。带有JS api的表标题和带有formatStyle的列内容字体大小,如下所示。但是,页眉和页脚的字体大小保持不变。我想一口气更改页眉/页脚/正文(表格的整个字体)。有可能吗?

datatable(head(iris, 20), options = list(
  initComplete = JS(
    "function(settings, json) {",
    "$(this.api().table().header()).css({'font-size': '5px', 'background-color': '#c2d1f0', 'color': '#fff'});",
    "}"))) %>%  formatStyle(columns = colnames(.$x$data), `font-size` = '12px')

尝试使用以下命令更新列的CSS失败

"$(this.api().columns().data()).css({'font-size': '5px'});"

"$(this.api().table().footer()).css({'font-size': '10px});"

"$(this.api().tables().body()).css({'font-size': '10px'});"

答案 1 :(得分:0)

datatable(head(iris, 20), options = list(
  initComplete = JS("
                        function(settings, json) {
                          $(this.api().table().header()).css({
                          'font-size': '12px',
                          });
                        }
                    ")
)) %>%
  formatStyle(columns = colnames(.$x$data), `font-size` = "12px")

答案 2 :(得分:-1)

这个问题已经解决here.

要完成您想做的事情:

library(DT)
library(magrittr)
iris %>% 
  datatable() %>% 
  DT::formatStyle(columns = colnames(iris), fontSize = '25%')