'|' interfering with the table

Support

AI-generated summary

The discussion is about resolving the issue of the ‘|’ character interfering with tables when trying to display images side by side. Plabforum explains the problem and provides an example. Jagster suggests using \| to escape the pipe character, which Firepup650 tests and confirms works, including respecting image size specifications. Jagster mentions considering HTML tables as an alternative. Plabforum requests clarification on the HTML table solution, and Firepup650 shares the raw Markdown code for the working table. Plabforum thanks Firepup650 and plans to try the solution.

1

I don’t know how to explain this better, but ran into this issue twice.

If I want to put the images in table format, this :backhand_index_pointing_right:t2: ‘|’ in images always interferes.

A example

How I want? Side by side in a table

apple_logo_PNG19696
apple_logo_PNG19696861×1037 849 KB
apple-xxl-2756662558
apple-xxl-2756662558256×256 2.88 KB

The error:
Green apple Orange apple
![apple_logo_PNG19696 415x500, 30%](upload://eUZ338Jxp31BWgOv35QBkNM5JTR.png) ![apple-xxl-2756662558
2

What happends is you use \|? Pipe is part of table structure and for sure it doesn’t work as part of content inside cells and that’s why I’m quite sure it must be escaped.

3

I would assume that’d break the images, here’s a test:

A B
TV Test
TV Test259×194 704 Bytes
TV Test
TV Test259×194 704 Bytes

EDIT: It doesn’t break, but I don’t think it respects the image size specified after the pipe if you do that. (Not sure though)

EDIT 2: Nope apparently it’s completely fine.

4

Then we are considering option 2: html tables.

5

Can you please elaborate how has that worked? As I can’t see the code for the table.

6

Sure, here’s the raw:

|A|B|
|-|-|
|
![TV Test\|259x194](upload://j7HEICqfWHEYOraEy86w18XgYpt.png)|![TV Test\|259x194, 50%](upload://j7HEICqfWHEYOraEy86w18XgYpt.png)|
7

Thank you for sharing that I’ll give it a try.