2017-01-07 6 views
1

私はbookdownをお伝えしていますので、pixiedustのいくつかの文書を書いて、ビネットには長すぎるかもしれません。私はbookdown::gitbookというレイアウトが好きですが、残念なことに、私にとって問題のある独自のテーブルスタイリングが付属しています。 pixiedustはすべてスタイリングテーブルに関するものなので、pixiedustがデフォルトのgitbookスタイリングで何をしたのか(まだ行っていないのか)を示すのはやや難しいことです。`bookdown :: gitbook`からすべてのテーブルCSSを削除してください

私は私が私の中にCSSファイルでCSSコードを置くことで運がなかったしました

R bookdown gitbook - how to override table style

How to change the code padding effect of gitbook?

から指導して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とbookdownおそらく0.3

答えて

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

それは理想的ではないかもしれませんが、本の各chapter_の開始_atこの含めて、私が望む外観を与えます。 (私は必然的にこれをやり直す方法を忘れてしまったときに、将来の参照のために強調しておきます) – Benjamin

0

cssリセットクラスを定義できます。気になるプロパティがたくさんある場合や、インターネットエクスプローラのサポートが重要でない場合はnew all attributeを試してみてください。

.reset{ 
    all: initial; 
} 

それとも

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

は、その後、テーブルに適用されます。

<table class="reset"> 
+0

巧妙な考えです。しかし、現時点では、テーブルに新しいクラスを割り当てる方法がありません。私はそのメリットについて考えると、私はその選択肢を検討するかもしれませんが。 – Benjamin

関連する問題