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車 車$車 <- 行名(車) 車 <- 車 |> 突然変異( ギア = 係数(ギア) ) 「」```{r} テーブル1::テーブル1( ~ 車 | ギア、 データ = 車 ) 「」
car.qmd:
--- タイトル: 車 フォーマット: html: 目次: 本当 css: スタイル.css 編み手: opts_chunk: エコー:偽 メッセージ: 偽 --- ```{r} ライブラリ(テーブル1) ライブラリ(整頓) 車 <- MT車 車$車 <- 行名(車) 車 <- 車 |> 突然変異( ギア = 係数(ギア) ) 「」```{r} テーブル1::テーブル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リーリー