RMarkdownの固定テーブルヘッダーと同様の関数をQuartoで作成します。

Question

RMarkdown で成功したのと同じように、Quarto の table1 R パッケージからスティッキー テーブル ヘッダーをレンダリングしようとしています。しかし、Quarto は私の .css ファイルを認識していないようです。あるいは、(おそらく) 何かが足りないようです。

再現できるように、CSS ファイルを .rmd および .qmd に含めました。テーブルのヘッダーが固定されるように、スクロール ボックスを作成するためのインライン HTML コードも含めました。

style.css:

.Rtable1 th {
  境界線: 0;
  テキスト整列: 中央;
  パディング: 0.5ex 1.5ex;
  マージン: 0;
  背景色: #D3D3D3;
    色: 黒;
  位置: スティッキー;
  トップ: 0;
  ボーダートップ: 2pt ソリッドブラック。
  ボーダーボトム: 1pt ソリッドブラック。
}

car.rmd:

---
タイトル:「カーズ」
出力：
  html_ドキュメント:
    css: スタイル.css
---

```{r セットアップ、include=FALSE}
Knitr::opts_chunk$set(エコー = FALSE、メッセージ = FALSE)
「」


```{r}
ライブラリ(テーブル1)
ライブラリ（整頓）

車 <- MT車
車$車 <- 行名(車)
車 <-
  車 |>
  突然変異(
    ギア = 係数(ギア)
  )
「」

<div style="高さ:450px; 幅: 500; オーバーフロー:自動; ボーダー:1.5px ソリッドグレー; パディング:1.5%">
```{r}
テーブル1::テーブル1(
  ～ 車 | ギア、
  データ = 車
)
「」
</div>

car.qmd:

---
タイトル: 車
フォーマット：
  html:
    目次: 本当
    css: スタイル.css
編み手:
  opts_chunk:
    エコー：偽
    メッセージ: 偽
---

```{r}
ライブラリ(テーブル1)
ライブラリ（整頓）

車 <- MT車
車$車 <- 行名(車)
車 <-
  車 |>
  突然変異(
    ギア = 係数(ギア)
  )
「」

<div style="高さ:450px; 幅: 500; オーバーフロー:自動; ボーダー:1.5px ソリッドグレー; パディング:1.5%">
```{r}
テーブル1::テーブル1(
  ～ 車 | ギア、
  データ = 車
)
「」
</div>

これは私が投稿した最初の質問なので、適切な表現を提出できれば幸いです。読んでいただきありがとうございます。良いアドバイスが得られることを願っています。成功を祈ります！

Answer 1

注意すべき点は、R-マークダウンとは異なり、quarto によって生成される HTML 出力では、コード ブロックから生成されるものはすべて、クラス名cell および ## を持つ 2 つの連続する div でラップされることです。 #セル出力表示。

そして、クラス

cell-output-display の CSS 属性 overflow-x は、ヘッダーの 位置である auto に設定されています。 Sticky機能しない主な理由 (ここをクリックして理由を確認してください)。

したがって、問題を解決するには、クラス

cell-output-display のこの属性をオーバーライドするだけで済みます。

cars.qmd リーリー

(このプロパティをオーバーライドするクラスを定義するために、インライン HTML タグの代わりに

pandoc divs を使用したことに注意してください。)

styles.css リーリー

---