2017-01-07 100 views
1

我正在爲bookdown編寫一些pixiedust的文檔,我覺得這可能對於小插曲來說有點太冗長。我喜歡bookdown::gitbook的佈局,但不幸的是,它有自己的表格樣式,這對我來說是有問題的。由於pixiedust都是關於樣式表的,因此使用默認的gitbook樣式顯示pixiedust已完成(或未完成)是有點難度的。從`bookdown :: gitbook`中刪除所有Table CSS

我試着從

R bookdown gitbook - how to override table style

How to change the code padding effect of gitbook?

清除與指導CSS我已經沒有運氣把CSS代碼放在一個CSS文件中的我根目錄並將文件名放在css YAML標記中。我沒有做好styles子目錄的運氣。下面的版本也沒有工作。

--- 
title: "Sample Book" 
output: 
    bookdown::gitbook: 
    config: 
     toc: 
     collapse: section 
     scroll_highlight: true 
     before: null 
     after: null 
     theme: null 
     css: ".book .book-body .page-wrapper .page-inner section.normal table td, .book .book-body .page-wrapper .page-inner section.normal table th { border-left: none; border-right: none; }" 
--- 

```{r, warning = FALSE, message = FALSE, echo = FALSE} 
library(pixiedust) 

dust(head(mtcars)) 
``` 

一切我已經試過產生一個表,看起來像

enter image description here

我想要的東西,看起來像

enter image description here

目前,使用上面給出的代碼,我的根目錄爲空,除了index.Rmd文件。

我,使用R 3.2.2和0.3 bookdown

回答

1

可能不是最好的解決辦法,但你可以通過在降價與一些「默認」的CSS取而代之塊上面顯示的表中刪除一些造型:

```{r results="asis", echo=FALSE} 
cat(" 
<style> 
.book .book-body .page-wrapper .page-inner section.normal table 
{ 
    width:auto; 
} 
.book .book-body .page-wrapper .page-inner section.normal table td, 
.book .book-body .page-wrapper .page-inner section.normal table th, 
.book .book-body .page-wrapper .page-inner section.normal table tr 
{ 
    padding:0; 
    border:0; 
    background-color:#fff; 
} 
</style> 
") 
``` 

如果需要,您可以查找CSS重置並添加更多內容。

+0

這可能不是很理想,但包括該_at本書的每個chapter_開始給我想要的外觀。 (重點留給將來參考,當我不可避免地忘記如何做到這一點) – Benjamin

0

您可以定義一個css重置類。無論是關注一堆屬性,還是嘗試使用new all attribute,如果Internet Explorer支持對您不重要。

.reset{ 
    all: initial; 
} 

或者

.reset{ 
    border: initial; 
    padding: initial; 
    ... 
} 

然後申請表:

<table class="reset"> 
+0

一個聰明的主意。但是,目前我無法將一個新班級分配到一個表格中。雖然我可以考慮這個選項,但我認爲這些好處。 – Benjamin