In grouped dataview tables, if one item in a column takes up more than one line, that column will be pushed down but others won’t, causing the columns to misalign. I am wondering if there is a way to fix this without either using CSS to increase the table width until no item takes up more than one line or increase the line height for all rows.
The solution to this post mentions that this is a problem so perhaps there is no easy solution.
To my knowledge to “ungroup” the grouped view by limiting the columns alignment is a near to impossible task. There are so many unknowns related to line length, and content of the different rows. In addition you might also run into issue with whether all the grouped elements are actually present within each group or not.
In most cases, I believe it’s easier to go the other way around, and that is to sort the table according to your groups, and then use CSS to hide away some of the equal values if one really are keen to get that grouped look. The thread below explores some variants on how to do this.
Thank you, that makes sense.