Looking to create a system similar to GitHub's conflict resolver for my project. I have multiple versions represented by values in columns, and I want to be able to select different values from each column to create a new solution. It's important that all columns scroll simultaneously and that each row representing a version parameter has the same height. See the example image below for reference: Example Image
I have already implemented a functional solution using basic HTML tables, but it lacks the ability to group rows, collapse them, and expand. Wondering if there is a better approach or suggestion for achieving this, perhaps through adding some JavaScript queries to implement the grouping feature?
Just to note, I am using Angular for this particular project.