Blogdown kable 表格格式(丑陋)
Blogdown kable tables formatting (ugly)
kable(head(mtcars) %>%
kable_styling(bootstrap_options = c("striped", "hover"))
一个普通的 R Markdown 文档,使用 kable table (见上文),非常引人注目,看起来像这样:
然而,当我在 blogdown 中使用相同的代码块时,kable table 以更简约的方式打印,这是我不太想要的。只是难以阅读:
如何获取 blogdown 以保持普通 kable 的属性 table?我已经通过 update.packages(ask = FALSE, checkBuilt = TRUE)
和 tinytex::tlmgr_update()
.
更新了我所有的包
table 的外观由您的 blogdown 站点的 Hugo 主题控制。如果缺少 table 样式,您将无法获得漂亮的 tables。
尝试在您的 blogdown 站点的 CSS 文件中添加以下 CSS 代码。
table {
margin: auto;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
table thead th { border-bottom: 1px solid #ddd; }
th, td { padding: 5px; }
tr:nth-child(even) { background: #eee; }
您可以从 blogdown manual 阅读更多内容以了解如何自定义您的 blogdown 站点。
您也可以选择让 kableExtra
为您加载 bootstrap css table 秒。
options(kableExtra.html.bsTable = TRUE)
此选项默认关闭,因为 css 之间可能存在冲突。但是,在这种情况下,由于您有一个空白table,这意味着选择的HUGO主题中没有定义table css,应该没问题。
kable(head(mtcars) %>%
kable_styling(bootstrap_options = c("striped", "hover"))
一个普通的 R Markdown 文档,使用 kable table (见上文),非常引人注目,看起来像这样:
然而,当我在 blogdown 中使用相同的代码块时,kable table 以更简约的方式打印,这是我不太想要的。只是难以阅读:
如何获取 blogdown 以保持普通 kable 的属性 table?我已经通过 update.packages(ask = FALSE, checkBuilt = TRUE)
和 tinytex::tlmgr_update()
.
table 的外观由您的 blogdown 站点的 Hugo 主题控制。如果缺少 table 样式,您将无法获得漂亮的 tables。
尝试在您的 blogdown 站点的 CSS 文件中添加以下 CSS 代码。
table {
margin: auto;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
table thead th { border-bottom: 1px solid #ddd; }
th, td { padding: 5px; }
tr:nth-child(even) { background: #eee; }
您可以从 blogdown manual 阅读更多内容以了解如何自定义您的 blogdown 站点。
您也可以选择让 kableExtra
为您加载 bootstrap css table 秒。
options(kableExtra.html.bsTable = TRUE)
此选项默认关闭,因为 css 之间可能存在冲突。但是,在这种情况下,由于您有一个空白table,这意味着选择的HUGO主题中没有定义table css,应该没问题。