為連續表格中的 kable 標題實現不同的自訂 CSS(字體顏色)
P粉563831052
P粉563831052 2023-09-01 19:53:36
0
2
467

我想要一個藍色標題,然後一個紅色標題。我cat 兩個HTML 部分,第一個藍色第二個紅色,根據這個答案,但我都得到紅色。

如何取得藍色標題與紅色標題?

--- output: html_document --- ```{r setup, include=FALSE} knitr::opts_chunk$set(echo=FALSE) ``` ```{r results="asis"} cat("  ") knitr::kable(head(iris), format="html", digits=4, row.names=FALSE, caption='Caption blue', escape=TRUE)|> kableExtra::kable_styling(font_size=14) |> kableExtra::kable_paper(c('hover', 'condensed', 'responsive'), full_width=T) |> kableExtra::scroll_box(width="100%", height="200px") ``` ```{r results="asis"} cat("  ") knitr::kable(head(iris), format="html", digits=4, row.names=FALSE, caption='Caption red', escape=TRUE) |> kableExtra::kable_styling(font_size=14) |> kableExtra::kable_paper(c('hover', 'condensed', 'responsive'), full_width=T) |> kableExtra::scroll_box(width="100%", height="200px") ```
P粉563831052
P粉563831052

全部回覆 (2)
P粉865900994

您也可以為每個表提供一個特殊的 HTML 類,然後將所有樣式收集在css區塊中,而不是在每個區塊中指定 CSS:

--- output: html_document --- ```{r setup, include=FALSE} knitr::opts_chunk$set(echo=FALSE) ``` ```{css} .mytable1 > caption { color: blue; } .mytable2 > caption { color: red; } ``` ```{r results="asis"} knitr::kable(head(iris), format="html", digits=4, row.names=FALSE, caption='Caption blue', escape=TRUE)|> kableExtra::kable_styling(font_size=14, htmltable_class = "mytable1") |> kableExtra::kable_paper(c('hover', 'condensed', 'responsive'), full_width=T) |> kableExtra::scroll_box(width="100%", height="200px") ``` ```{r results="asis"} knitr::kable(head(iris), format="html", digits=4, row.names=FALSE, caption='Caption red', escape=TRUE) |> kableExtra::kable_styling(font_size=14, htmltable_class = "mytable2") |> kableExtra::kable_paper(c('hover', 'condensed', 'responsive'), full_width=T) |> kableExtra::scroll_box(width="100%", height="200px") ```

或者,我們可以在區塊之外插入內嵌 CSS。

    P粉156983446

    因為第二個CSS覆蓋了第一個CSS。

    最好這樣做:

    cat("  ")

    然後這樣使用:

    caption='Caption blue', caption='Caption red',

    有效嗎?

    問候, 諾埃爾

      最新下載
      更多>
      網站特效
      網站源碼
      網站素材
      前端模板
      關於我們 免責聲明 Sitemap
      PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!