I have a table with a spanned row looking like this:
+----------+---------+
| Spanned | Row A |
| row | |
| (several +---------+
| lines of | Row B |
| text) | |
+----------+---------+
The contents of Row A and B are vertically top-aligned, but the Rows are also distributed evenly vertically to have the same height as the spanned row.
I want the result ot be like this instread:
+----------+---------+
| Spanned | Row A |
| row +---------+
| (several | Row B |
| lines of | |
| text) | |
+----------+---------+
That is, I want Row A to be as small as possible and only Row B to expand vertically. Can this be done? I have tried various styling through CSS, including min-height, but the rows always seem to be distributed evenly.
In reality, I have more rows than A and B, and I want only the last one to expand vertically beyond the actual contents. I cannot predict the actual amount of content in any of the rows, so explicitly setting the height won't work.
+----------+---------+
| Spanned | Row A |
| row | |
| (several +---------+
| lines of | Row B |
| text) | |
+----------+---------+
The contents of Row A and B are vertically top-aligned, but the Rows are also distributed evenly vertically to have the same height as the spanned row.
I want the result ot be like this instread:
+----------+---------+
| Spanned | Row A |
| row +---------+
| (several | Row B |
| lines of | |
| text) | |
+----------+---------+
That is, I want Row A to be as small as possible and only Row B to expand vertically. Can this be done? I have tried various styling through CSS, including min-height, but the rows always seem to be distributed evenly.
In reality, I have more rows than A and B, and I want only the last one to expand vertically beyond the actual contents. I cannot predict the actual amount of content in any of the rows, so explicitly setting the height won't work.
Comment