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

【问题标题】：htmlwidgets::saveWidget produces html file with default style="padding: 40px"htmlwidgets::saveWidget 生成带有默认样式="padding: 40px" 的html文件
【发布时间】：2021-12-18 05:54:08
【问题描述】：

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

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

请您建议如何更改正文标签的样式并将“填充：40px”调整到所需的级别？

【问题讨论】：

标签： css r padding htmlwidgets htmltools

【解决方案1】：

解决方案的方向已由cpsievert 在this thread 中提供

最终解决方案如下：

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

【讨论】：

【解决方案2】：

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

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

你可以尝试用!important覆盖

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

【讨论】：

非常感谢您的建议！它会起作用，但是这种基于 CSS 的方法意味着我每次都需要手动定义样式。我想找到一个在执行 htmlwidgets::saveWidget 期间定义填充的解决方案。