Just to demonstrate that tables can also be defined differently. This one is a table based on a grid layout, which has both different editing and rendering characteristics.
Details
I like it, despite the more vertical space it is using, but it might not be for everyone, so feel free to take it or not on this spot.
Alternatively, you may want to memorize it if you may need it in the future for more advanced use cases, where each table cell needs to take more content, for example spanning multiple lines or even paragraphs, where this component really shines. On single-line cell content like here, it might be too much overhead.
amotl
commented
5 months ago
About
Just to demonstrate that tables can also be defined differently. This one is a table based on a grid layout, which has both different editing and rendering characteristics.
Details
I like it, despite the more vertical space it is using, but it might not be for everyone, so feel free to take it or not on this spot.
Alternatively, you may want to memorize it if you may need it in the future for more advanced use cases, where each table cell needs to take more content, for example spanning multiple lines or even paragraphs, where this component really shines. On single-line cell content like here, it might be too much overhead.
Preview
^^ Design/layout can probably be improved if you see the need. Currently, I think the row height is a bit too high?