为何Quarto中gt表格渲染与R Markdown不符？如何对齐预览与输出？

问题说明 #

从R Markdown迁移至Quarto开展参数化报告工作时，遇到gt表格显示不一致的问题：Quarto中预览gt表格时无行条纹，但渲染生成的HTML文件却出现默认不应存在的行条纹，即便显式调用opt_row_striping(row_striping = FALSE)也无法关闭该效果。

解决方法 #

Quarto默认的HTML主题会为所有表格添加行条纹样式，该样式会覆盖gt自身的设置。只需添加自定义CSS规则即可解决：

1. 在Quarto文档中插入隐藏的CSS代码块，专门针对gt表格禁用行条纹：

.gt_table tbody tr:nth-child(even) {
  background-color: transparent !important;
}

2. 修改后的完整Quarto代码示例：

---
title: "GT tables"
format: 
   html:
     embed-resources: true
---

```{css, echo=FALSE}
.gt_table tbody tr:nth-child(even) {
  background-color: transparent !important;
}

#| message: false
library(gt)
library(dplyr)

1. 默认gt表格：

iris |> 
  slice_head(n = 5) |> 
  gt()

2. 显式关闭行条纹：

iris |> 
  slice_head(n = 5) |> 
  gt() |> 
  opt_row_striping(row_striping = FALSE)

## 原理
Quarto的HTML模板中，全局表格样式会设置偶数行的背景色，这会覆盖gt通过`opt_row_striping`配置的样式。使用`!important`强制将gt表格的偶数行背景设为透明，即可让gt自身的设置生效，确保渲染后的HTML与预览效果一致。

内容的提问来源于stack exchange，提问作者Grasshopper_NZ