R DT 数据表字体大小更改答案

【问题标题】：R DT datatable font size changeR DT 数据表字体大小更改
【发布时间】：2019-05-08 09:48:11
【问题描述】：

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

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

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

【问题讨论】：

columns = colnames(.$x$data)

标签： css r datatable dt

【解决方案1】：

这个问题已经解决了here.

完成你想做的事：

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

【讨论】：

【解决方案2】：

能够通过更新 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'});"

【讨论】：

【解决方案3】：

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")

【讨论】：