Raw HTML tables get an equal-width <colgroup> when any cell contains block content, overriding cell widths

未关闭
  • 哪里不对？
#15,219 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

还没有人认领这个 Issue。

评估

难度
4/5
预计耗时
3-5 天
新手友好度
52/100
Issue 类型
缺陷
描述清晰度
描述清楚
活跃度
活跃
技术栈
javascript
领域
backend

调研方向

Start with src/resources/filters/normalize/astpipeline.lua, where the issue says Quarto reads raw HTML tables with pandoc.read(tableHtml, "html+raw_html"); then trace how the resulting table is written back out. Compare tables with and without declared <col> widths, especially when a cell contains block content. Done means tables without author-specified column widths no longer gain equal-width columns, while declared widths remain intact; the issue suggests resetting widths to ColWidthDefault.

由索引模型根据 Issue 内容生成。

描述

bug html tables
I have:
  • searched the issue tracker for similar issues
  • installed the latest version of Quarto CLI
  • formatted my issue following the Bug Reports guide
Bug description

When HTML table processing parses a raw HTML table that has no <col> widths, and any cell contains block content (e.g. a <div>), every column gets an equal width in the output. Widths set on the cells are then overridden.

The widths come from Pandoc's HTML reader. With no <col> widths, it leaves the widths unset when every cell is simple, and otherwise assigns 1 / ncols to each column (normalizeColWidths). Quarto reads the table with pandoc.read(tableHtml, "html+raw_html") (astpipeline.lua) and writes it back out, so those widths become a <colgroup>.

This is how it shows up for R users: kableExtra's add_header_above() wraps each group label in a <div>, so column_spec(width = ...) stops working as soon as a spanning header is added (rstudio/rstudio#19321, haozhu233/kableExtra#915). rmarkdown::render() passes the HTML through untouched, so the same table is fine there.

Steps to reproduce
---
format: html
---

```{=html}
<table>
<thead>
<tr><th>a</th><th><div>b</div></th><th>c</th></tr>
</thead>
<tbody>
<tr><td>1</td><td style="width: 5cm">2</td><td>3</td></tr>
</tbody>
</table>
```

The original kableExtra example:

---
format: html
---

```{r}
library(kableExtra)

kable(mtcars[1:5, 1:4], format = "html") |>
  add_header_above(c(" " = 1, "Group 1" = 2, "Group 2" = 2)) |>
  column_spec(2:3, width = "5cm")
```
Actual behavior
<colgroup>
<col style="width: 33%">
<col style="width: 33%">
<col style="width: 33%">
</colgroup>

In the kableExtra example, the <colgroup> has five width: 20% columns, and Chrome draws every column at 160px. The width: 5cm (about 189px) on columns 2 and 3 is ignored.

Expected behavior

No <colgroup>, the same as when the <div> is removed from the header cell, so the widths on the cells apply. In the kableExtra example with html-table-processing: none, there is no <colgroup> and columns 2 and 3 come out at 189px (data-quarto-disable-processing="true" also drops the <colgroup>). Setting tbl-colwidths: false does not help.

A possible fix: after pandoc.read(), reset the column widths to ColWidthDefault when the source table declared no <col> widths, since the equal widths were not specified by the author.

I haven't run the 1.11 pre-release, but the parsing code is unchanged on main, main still pins Pandoc 3.10, and Pandoc 3.12.1's HTML reader behaves the same way.

Your environment
  • Quarto 1.10.19 (the copy bundled with RStudio), run from the command line; same result rendering from RStudio
  • macOS 27.0.1 (the original report is on macOS Sequoia 15.8.1)
  • kableExtra 1.4.1, R 4.6.1
Quarto check output
Quarto 1.10.19
[✓] Checking environment information...
[✓] Checking versions of quarto binary dependencies...
      Pandoc version 3.10.0: OK
      Dart Sass version 1.101.0: OK
      Deno version 2.7.14: OK
      Typst version 0.15.1: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
      Version: 1.10.19
      Path: /Applications/RStudio.app/Contents/Resources/app/quarto/bin
[✓] Checking basic markdown render....OK
[✓] Checking R installation...........OK
      Version: 4.6.1
      Path: /Library/Frameworks/R.framework/Resources
      knitr: 1.52
      rmarkdown: 2.32
[✓] Checking Knitr engine render......OK
主要语言
JavaScript
星标
6.1k
派生
476
平均合并
17 小时 7 分钟
30 天内合并 PR
112

环境准备

从这里开始

  1. 先读完整个 Issue，再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库，在一个分支上完成修改。
  4. 提交 Pull Request，并在描述里引用这个 Issue 编号。

quarto-dev/quarto-cli 的其他 Issue

查看 quarto-dev/quarto-cli 的全部 Issue

相似的 Issue

更多 JavaScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。