Hello, I have a table with rows and columns. I need it to have the table have a border and group info a11, b44, c77 and a22, b55, c88 and so on so each grouping has their own border also. What would be the best way to do that? If it’s something other than a table I’ll be up for that. Final results I need is to have 3 columns and 12 row with an outter border and with 1 column/3 rows to have their own border. How could I do that?
Border around the table and group of cells ie the area that has info a11, b44, c77 would have a border around it, with the surrounding table. Don’'t know if can be done with tables.
You can do something like this but is a little convoluted and I can’t really see the correlation for tabular data as such which means a straight flexbox or indeed css grid would be a better choice than a table element.
I had to change the table to a display:flex in order to move the borders as you can’t do that in a table (unless you used nested tables perhaps).
It could also be a lot simpler with appropriate classes added.