htmlwidgets::saveWidget 生成具有默认样式的 html 文件="padding: 40px"

Question

默认情况下，由htmlwidgets::saveWidget使用html工具（例如htmlwidgets::saveWidget (reactable(iris))）创建的html文档在body标签中具有以下属性： <body class="vsc-initialized" style='margin: 9px; padding: 40px; "> 导致页面顶部填充过多。

我试图找到任何关于如何更改 "style='padding: 40px;'" 的文档，但是没有文档，并且在 save_html function 的代码中没有定义任何样式。

请问如何更改 body 标签的样式并将“padding: 40px”调整到所需的水平？

Answer 1

style="" 应该是双引号。你有一个单引号和一个双引号。

<body class="vsc-initialized" style="margin: 9px; padding: 40px;">

您可以尝试用 !important

覆盖

.vsc-initialized{padding: 0px!important;}

Answer 2

cpsievert in this thread

提供了解决方案的方向

最终解决方案如下：

object2save <- reactable(iris)
object2save$sizingPolicy$padding <- 4
htmlwidgets::saveWidget(object2save, file = "example.html", 
            selfcontained = FALSE, libdir = "lib")

htmlwidgets::saveWidget 生成具有默认样式的 html 文件="padding: 40px"

htmlwidgets::saveWidget produces html file with default style="padding: 40px"

css

r

padding

htmlwidgets

htmltools