The `width: 44%` comes in because the nested table is 44% of the overall column width.
Browsers then interpret this as 44% of the containing cell, I guess, which is why you get the odd output.
I don't see a good solution here. The problem is that 44% will be interpreted relative to line length in other formats (e.g. Markdown, LaTeX), so we don't want to change the markdown reader so that it assigns this embedded table a higher relative width. Nor is it clear how we'd change the HTML writer to interpret this width differently. I suppose we could keep track of the width of the containing cell and recompute based on that. You can submit a bug report if you like.
> On Jul 22, 2022, at 1:00 PM, William Lupton <wlupton-QSt+ys/nuMyEUIsrzH9SikB+6BGkLq7r@public.gmane.org> wrote:
>
> All,
>
> [Forked from https://groups.google.com/g/pandoc-discuss/c/5O6iYmUwFJ8/m/biiwj2njAAAJ]
>
> In the above thread I presented the grid.md example shown at the bottom of this message. I also couldn't resist trying another level of nesting, resulting in the grid2.md example shown below. This works, but I'm wondering whether there's a bug (in the HTML writer) relating to how nested grid table widths are calculated:
> • pandoc -s grid2.md -o grid2.html gives the first image shown below the markdown, in which the nested grid table has a scroll bar
> • The table and column widths are as shown immediately below and I'm wondering where the width:44% came from. Removing it gives the second image below the markdown (no scroll bar)
> I'm not seriously suggesting actually using a text editor to create deeply nested tables such as these... but given that it works I wanted to understand what was going on with the table width calculation.
>
> Thanks,
> William
>
> % xmllint -format grid2.html | egrep -e '<(\/?table|col )'
> <table style="width:79%;">
> <col style="width: 18%"/>
> <col style="width: 11%"/>
> <col style="width: 50%"/>
> <table style="width:44%;">
> <col style="width: 18%"/>
> <col style="width: 26%"/>
> <table>
> </table>
> </table>
> </table>
>
> grid2.md
>
> +------------+-------+-----------------------------------+
> | Fruit | Price | Advantages |
> +============+=======+===================================+
> | Bananas | $1.34 | - built-in wrapper |
> | | | - bright color |
> +------------+-------+-----------------------------------+
> | Oranges | $2.10 | - cures scurvy |
> | | | - tasty |
> +------------+-------+-----------------------------------+
> | Apple (pi) | $3.14 | +------------+------------------+ |
> | | | | One | Two | |
> | | | +============+==================+ |
> | | | | my | table | |
> | | | +------------+------------------+ |
> | | | | is | | Three | Four | | |
> | | | | | |-------+------| | |
> | | | | | | very | nice | | |
> | | | +------------+------------------+ |
> +------------+-------+-----------------------------------+
>
> <Screenshot 2022-07-22 at 11.46.56.png>
>
> <Screenshot 2022-07-22 at 11.57.56.png>
>
> grid.md
>
> +---------------+---------------+--------------------+
> | Fruit | Price | Advantages |
> +===============+===============+====================+
> | Bananas | $1.34 | - built-in wrapper |
> | | | - bright color |
> +---------------+---------------+--------------------+
> | Oranges | $2.10 | - cures scurvy |
> | | | - tasty |
> +---------------+---------------+--------------------+
> | Apple (pi) | $3.14 | | One | Two | |
> | | | |-----+-------| |
> | | | | my | table | |
> | | | | is | nice | |
> +---------------+---------------+--------------------+
>
> <Screenshot 2022-07-20 at 23.36.36.png>
>
> --
> You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org.
> To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/CAEe_xxg174vpMGdEwzx-USMNPPodVOC0LqVCx9SEGxpGA7pDiA%40mail.gmail.com.
--
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org.
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/8576E560-B7B5-49B5-9DDC-87EF9AC48F81%40gmail.com.