Bảng kiểu đan với CSS

Question

Tôi chắc chắn rằng tôi đang nhìn một cái gì đó hiển nhiên, nhưng tôi muốn tạo kiểu cho các bảng của mình được tạo ra và kable với css tùy chỉnh.

Bạn có thể tìm thấy ý chính của các tệp RMD và CSShere của mình.

Mục tiêu của tôi là tận dụng một số ví dụ về Bảng CSS mà tôi đã tìm thấy here.

Khi tôi chạy báo cáo của tôi, bàn của tôi trông như thế này:

nhưng từ ví dụ CSS ở trên, nó sẽ giống như hình dưới đây.

Câu hỏi của tôi: Điều gì là tôi mất tích, hoặc là mức độ phong cách không thể với RMarkdown.

tập tin RMD của tôi cũng được hiển thị dưới đây:

--- 
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"') 
``` 

Answer 1

Nếu bạn mất tập tin .Rmd của bạn và các tập tin CSS sửa đổi dưới đây, bạn có thể có được kết quả mong muốn của bạn với:

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

Đây là kết quả:

Dưới đây là một cập nhật phẳng 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; 
    }