RMarkdown에서 성공적으로 수행한 것처럼 Quarto의 table1 R 패키지에서 고정 테이블 헤더를 렌더링하려고 했습니다. 그러나 Quarto가 내 .css 파일을 인식하지 못하는 것 같거나 (아마도) 뭔가가 누락된 것 같습니다.
재현이 가능하도록 .rmd 및 .qmd와 함께 CSS 파일을 포함시켰습니다. 또한 테이블 헤더가 고정되도록 스크롤 상자를 만드는 인라인 HTML 코드도 포함했습니다.
style.css:
.Rtable1 번째 { 테두리: 0; 텍스트 정렬: 중앙; 패딩: 0.5ex 1.5ex; 여백: 0; 배경색: #D3D3D3; 검정색; 위치: 끈적끈적함; 상단: 0; 테두리 상단: 2pt 단색 검정색; 테두리 하단: 1pt 단색 검정색; } car.rmd:
--- 제목: "자동차" 산출: html_문서: CSS: 스타일.css --- ``{r 설정, 포함=FALSE} knitr::opts_chunk$set(에코 = FALSE, 메시지 = FALSE) ```` ````{r} 라이브러리(테이블1) 도서관(타이디버스) 자동차 <- mtcars cars$cars <- 행 이름(자동차) 자동차 <- 자동차 |> 돌연변이( 기어 = 인자(기어) ) ```` --- 제목: 자동차 체재: HTML: 목차: 사실 CSS: 스타일.css 니트: opts_chunk: 에코: 거짓 메시지: 거짓 --- ````{r} 라이브러리(테이블1) 도서관(타이디버스) 자동차 <- mtcars cars$cars <- 행 이름(자동차) 자동차 <- 자동차 |> 돌연변이( 기어 = 인자(기어) ) ````
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
한 가지 주목할 점은 R-markdown과 달리 quarto로 생성된 HTML 출력에서 코드 블록에서 생성된 모든 항목은 클래스 이름이
cell和cell-output-display인 두 개의 연속 div로 래핑된다는 것입니다.수업이
cell-output-display具有CSS属性overflow-x设置为auto，这是表头的position: sticky안 되는 주된 이유(이유를 보려면 여기를 클릭하세요).그래서 문제를 해결하려면 클래스의 이 속성을 재정의하면
cell-output-display만 하면 됩니다.cars.qmd
으아악(인라인 html 태그 대신pandoc divs를 사용하여 이 속성을 재정의할 클래스를 정의했습니다.)
styles.css
으아악