Css kable表在网站上未正确呈现

Css kable表在网站上未正确呈现,css,r,r-markdown,blogdown,Css,R,R Markdown,Blogdown,我使用R包,blogdown,来管理我的网站。即使我使用的是knitr::kable,我创建的表在保存和service\u site后仍呈现为标准(?)标记表。但是,当我在另一个RMarkdown文件中编织块时,它会正确渲染。下面是代码块 ```{r eda-tab, echo=FALSE} knitr::kable(matrix(c( '7 yrs', '67%', '6 yrs', '78%', '5 yrs', '86%', '4 yrs'

我使用R包,
blogdown
,来管理我的网站。即使我使用的是
knitr::kable
,我创建的表在保存和
service\u site
后仍呈现为标准(?)标记表。但是,当我在另一个RMarkdown文件中编织块时,它会正确渲染。下面是代码块

```{r eda-tab, echo=FALSE}

knitr::kable(matrix(c(
      '7 yrs', '67%',
      '6 yrs', '78%',
      '5 yrs', '86%',
      '4 yrs', '92%',
      NULL
), ncol = 2, byrow=TRUE, dimnames = list(NULL, c('Cutoff', '% Remaining'))),
booktabs=TRUE, caption = 'Inductees')
```

我在用电话。这可能与主题有关,但我不认为创建者是R用户,因此我不确定如何与他们一起解决这个问题。

knitr::kable()
在用于生成博客文章时输出HTML表。它看起来“标准”的原因是,应用于中的表元素的值非常小:

table,
th,
td
 {
    border: 1px solid black;
    padding: 3px;
}
th {
    font-weight: bold;
    text-align: center;
}
这就产生了一个简单的表格,里面有黑色的单元格

要解决此问题,请在文件夹
static/css
中为表格样式创建一个自定义
.css
文件,例如
static/css/tables.css
。然后将
config.toml
中CSS overides的行更改为指向
customCSS=[“CSS/tables.CSS”]
。作为参考,您还可以查看,这可能会对您有所帮助

您还可以将
hugo octopress.css
文件从主题复制到
static/css
中,并修改其中的表元素。请注意,除非覆盖hugo octopress定义的CSS属性,否则这些属性也将应用于表。自定义CSS样式添加到基本主题样式之后的标题中,因此添加到
customCSS
的任何文件都将最后应用