CSS

2014-06-17 16 views
24
ile Knitr stil tablosu

Açıkça göründüğüm şeylere dikkat ettiğimden eminim, ancak tablolarımın üretildiğini ve kable özel css ile stil oluşturmak istiyorum.CSS

RMD ve CSS dosyalarının özünü here bulabilirsiniz.

Amacım, here bulduğum bazı Tablo CSS örneklerinden yararlanmaktı.

enter image description here

ama Yukarıdaki CSS örnekten, bu aşağıdaki resim gibi görünmelidir: Ben raporu çalıştırdığınızda

, benim tablo bu gibi görünüyor.

enter image description here

Sorum: eksik veya RMarkdown mümkün olmayan stil bu düzeyidir duyuyorum Ne.

Benim RMD dosyası da aşağıda gösterilmiştir

: İşte

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

:

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

cevap

27

Eğer .Rmd dosya ve aşağıda modifiye CSS dosyasını alırsanız ile arzu edilen sonuca ulaşabilir sonuç: Burada enter image description here

bir düz table.css güncellenir:

.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; 
    } 
+0

Çok güzel ..... – jdharrison

+0

Teşekkürler. Yeni başladım, gözden geçirilmiş CSS'nizi aldım (ki bu benim açımdan bariz bir gözükme gibi görünüyor) ve [yeni bir github repo] hazırladı (https://github.com/Btibert3/so-knitr-tables/tree/ Master). Taze repo çalıştı. Teşekkürler! – Btibert3

+4

Şu anki Rstudio/pandoc/knitr sürümlerinde YAML'de CSS belirtebilirsiniz: çıktı: html_document: css: flat-table.css – patrickmdnet