3 ms·
"The width of a cell is determined by the widest cell in the column. The height of a cell is determined by the tallest cell in the row" I've achieved the same
by Bilal_io 5y ago
"The width of a cell is determined by the widest cell in the column. The height of a cell is determined by the tallest cell in the row"
I've achieved the same with css grid. I genuinely don't think table are needed anymore, unless you're building a page to display data and don't care about responsiveness.
- wildrhythms 5y agoTo my knowledge, there is no implementation for rowspan or colspan attributes in a flex grid. Also, to note, I am not advocating for table-based layouts for non-tabular data.
- JimDabell 5y agoParent was talking about grid. You seem to be talking about flexbox but calling it “flex grid” instead – you know grid and flexbox are two separate things, right? Grid definitely has the equivalent of rowspan/colspan.
- deleted 5y ago[deleted]
- wildrhythms 5y agoYes, and there is no equivalent for rowspan/colspan in a grid or flex grid without resorting to CSS modifications in the former and nested containers in the latter.
- JimDabell 5y agoWhat are you referring to when you say “flex grid”? There’s no such thing as “flex grid” in CSS. There’s flexbox, and there’s grid. These are two separate things. I’m not sure what you mean by “resorting to CSS modifications” – surely that’s a given, considering we’re talking about writing CSS? You don’t need nested containers to do the equivalent of rowspan / colspan with grid. It’s pretty fundamental to the entire feature. You can tell the browser where an element begins and where it ends with grid-column and grid-row. That doesn’t have to be a single grid cell, it can be many – it can span across multiple rows or columns.
- wruza 5y agoA grid also has a nice property of maximum 1000 rows, which holds back from bad practices of showing tables entirely. Much easier to find data by paging and a special search box rather than searching through the page.
- cma 5y ago> Much easier to find data by paging and a special search box rather than searching through the page. Please just make it optional to show all, I already have a regex search extension.