rowspan misaligning table data about tailwindcss-typography HOT 2 CLOSED

Hey! Thank you for your bug report!
Much appreciated! 🙏

This is a very interesting use case. We are relying on some :first-child selectors. The idea is that each td has padding within except for the first & last td's. This allows you to have nicely aligned td's on the outside. This is done so that when you have a borderless table on the outside that you don't have weird indents.

However, the :first-child selectors will apply to the first child on a DOM level, meaning that the non-indented td's in your screenshot are the first child elements. But visually they are clearly not.

I don't know if we can fix this in a general way, however I tried to fix things for your specific use case:
https://play.tailwindcss.com/gXZPDQ8Xym?file=config

Does this help you? If not, then we can re-open this issue and see if we can find another solution!

from tailwindcss-typography.

I'm also having this exact issue, but I'm not sure this use case is crazy.

I tested the above method, it works with the latest version.

However, it only work for prose, prose-lg and all others still have the same issue.

from tailwindcss-typography.