带CSS的Knitr风格表

前端之家收集整理的这篇文章主要介绍了带CSS的Knitr风格表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我确信我忽略了一些明显的东西,但是我想用自定义的CSS来生成生成表。

您可以找到我的RMD和CSS文件here的要点。

我的目标是利用我发现here的一些Table CSS示例。

当我运行报告时,我的表格如下所示:

但是从上面的CSS示例中,它应该如下图所示。

我的问题:我缺少什么,或者这种级别的风格不可能与RMarkdown。

我的RMD文件显示如下:

---
title: "Test Table CSS"
output: 
  html_document:
    theme: NULL
    style: flat-table.css
---

I want to be able to style my tables with CSS. From the looks of it,I should be able to do that 
through the use of `CSS` and `knitr:kable`.  


```{r setup,echo=FALSE}
data(mtcars)
mt_head = head(mtcars[,1:5])
```

I want to be able to style my table just like one found [here](http://codepen.io/njessen/pen/naLCv)


```{r echo=FALSE,results='asis'}
library(knitr)
kable(mt_head,"html",table.attr='class="flat-table"')
```

解决方法

如果您下载了.Rmd文件修改后的CSS文件,您可以通过以下方式获得所需的结果:
knitr::knit2html('my-report.RMD',stylesheet = 'flat-table.css')

结果如下:

这是一个更新的flat-table.css:

.flat-table {
  display: block;
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 115%;
  overflow: auto;
  width: auto;
}
  th {
    background-color: rgb(112,196,105);
    color: white;
    font-weight: normal;
    padding: 20px 30px;
    text-align: center;
  }
  td {
    background-color: rgb(238,238,238);
    color: rgb(111,111,111);
    padding: 20px 30px;
  }

猜你在找的CSS相关文章