Skip to content

vertical align when using non-text elements? #13

@rodrigo-j-goncalves

Description

@rodrigo-j-goncalves

I need to prepare long tables incrementally, so this extension is really handy! There is, however, something I can't figure out.

I created a 2-column table, the first column should have an image and the 2nd column a descriptive text.
When I try (see below), I notice two unwanted effects:

  1. Text is apparently baseline-aligned to the image, so it looks odd, and I waste a lot of space.
  2. If the text is long enough, it will cross to the next row

Would it be possible to control the vertical alignments?

Here's a minimal reproducible example using Quarto.



---
title: "MRE with the 'list-table' extension"
format: revealjs

filters: 
  - pandoc-ext/list-table
---

## 

:::{.list-table header-cols=1}

* - Name
  - Initial release

* - Markdown
  - 2004

* - ![Fig. caption](https://en.wikipedia.org/static/images/icons/wikipedia.png)
  - By default, the text and the figure are apparently aligned at the baseline.
 
* - ![Fig. caption](https://upload.wikimedia.org/wikipedia/commons/7/72/Times-hotel.jpg){width="50%"}
  - Which may be a problem in case of a small image and a longer text. Which doesnt look good in case of a small image and a longer text. Which may be a problem in case of a small image and a longer text. Which may be a problem in case of a small image and a longer text. 

* - Markdown again
  - 2011

* - Markdown, again!
  - 2025

:::


When rendered, It looks like this:

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions