Таблица стилей Knitr с CSS

Я уверен, что я пропускаю что-то очевидное, но я хочу, чтобы мои таблицы были созданы и kable с пользовательским css.

Вы можете найти суть моих RMD и CSS файлов здесь.

Моя цель состояла в том, чтобы использовать некоторые из примеров CSS таблицы, которые я нашел здесь.

Когда я запускаю свой отчет, моя таблица выглядит так:

enter image description here

но из приведенного выше примера CSS он должен выглядеть как изображение ниже.

enter image description here

Мой вопрос: что мне не хватает, или этот уровень стилизации невозможен с помощью 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"')
```

Ответы

Ответ 1

Если вы берете ваш .Rmd файл и модифицированный файл CSS ниже, вы можете получить желаемый результат с помощью:

knitr::knit2html('my-report.RMD', stylesheet = 'flat-table.css')

Здесь результат: enter image description here

Вот обновленная 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;
  }