Getting table cells to wrap horizontally
Hey guys, I'm trying to create a table with the following behavior:
- Cells of different widths in a column should align
- The last cell, with
- The cells should wrap to the next row when there's not enough space remaining in the viewport.
To get the cells to wrap to next row, the only solutions I've found were to set the
If anyone has an idea on how to achieve all 3 behaviors it'll be greatly appreciated.
Sample code:
- Cells of different widths in a column should align
- The last cell, with
width: "100%"- The cells should wrap to the next row when there's not enough space remaining in the viewport.
To get the cells to wrap to next row, the only solutions I've found were to set the
display<tr><td>display: inline-blockdisplay: flexdisplay: table-row and display: table-cellIf anyone has an idea on how to achieve all 3 behaviors it'll be greatly appreciated.
Sample code:
