Rumah > Soal Jawab > teks badan
P粉2352025732023-08-30 09:29:14
Satu perkara yang perlu diambil perhatian ialah tidak seperti R-markdown, dalam output HTML yang dijana oleh quarto, apa sahaja yang dijana daripada blok kod dibalut dengan dua div berturut-turut yang mempunyai nama kelas cell
和cell-output-display
.
Sebab utama kelas cell-output-display
具有CSS属性overflow-x
设置为auto
,这是表头的position: sticky
tidak berfungsi (Klik di sini untuk mengetahui sebabnya ).
Jadi, kita hanya perlu mengatasi sifat kelas ini cell-output-display
untuk menyelesaikan masalah.
cars.qmd
--- title: Cars format: html: toc: true css: styles.css knitr: opts_chunk: echo: false message: false --- ```{r} library(table1) library(tidyverse) cars <- mtcars cars$cars <- rownames(cars) cars <- cars |> mutate( gear = factor(gear) ) ``` ::: {.sticky-table} ```{r} table1::table1( ~ cars | gear, data = cars ) ``` :::
(Perhatikan bahawa saya menggunakan pandoc divs dan bukannya teg html sebaris untuk menentukan kelas di mana kami akan mengatasi sifat ini.)
styles.css
.sticky-table { height:450px; width: 500; overflow:auto; border:1.5px solid gray; padding:1.5% } .sticky-table .cell-output-display { overflow-x: unset !important; } .Rtable1 th { border: 0; text-align: center; padding: 0.5ex 1.5ex; margin: 0; background-color: #D3D3D3; color: black; position: sticky; top: 0; border-top: 2pt solid black; border-bottom: 1pt solid black; }