Using footnotes in HTML tables

[lidavidm]

Description

I looked around and didn't see anything similar, but possibly I missed things. (I think #957 might be related, in that citations and presumably footnotes should work for Markdown tables, but not HTML tables?)

If I'm using HTML tables, is it possible to insert a footnote from within the table still? Obviously, markdown syntax won't work, and there isn't a semantic HTML element for Quarto to parse either. I could hack it by writing/styling a link myself and manually curating the list of notes at the end of the document, but of course that's not as nice as having actual footnote support (and would be janky depending on the backend).

[cderv]

I believe you need to use the tricks to pass Markdown in HTML table for Quarto to render.

This is mentioned in https://quarto.org/docs/authoring/tables.html#html-tables

Using qmd or qmd-base64 attributes allow passing Markdown content to be processed as Markdown by Quarto.

This is how to use citation or footnote syntax within an HTML table that Quarto will parse as raw HTML.

Though I should verify if the footnotes get numbered correctly among others in the page 🤔 I'll try it

The other way is to use tool lik gt for R or great_tables for Python to add footnotes directly to the table. The tool will be in charge of writing the correct HTML for you

[cderv]

It works. Here is an example

---
title: "test"
---


Demo table with a footnote^[Like this one].


```{=html}
<table border="1">
<tr><th><span data-qmd="Product^[New from this week]"></span></th><th>Price</th><th>Stock</th></tr>
<tr><td>Apple</td><td>$1.50</td><td>100</td></tr>
<tr><td>Banana</td><td>$0.75<sup>*</sup></td><td>150</td></tr>
<tr><td>Orange</td><td>$2.00</td><td>75</td></tr>
</table>
```

[lidavidm]

Ah, clearly I haven't internalized the docs enough. Thank you for taking the time to answer!

[cderv]

Not an easy finding I acknowledge.

This is not a straightforward trick, but this is how we manage to make this work with this HTML table feature.

[mcanouil]

FYI, the data-qmd attribute trick is described in https://quarto.org/docs/authoring/tables.html#html-tables

[cderv]

Thanks Michael! It seems you really wanted to chime in as I linked to it already in the initial reply 😉 😛