How to create tables from column data instead of row data in HTML?

Answer 1

Just did this by using a bunch of uls filled with lis, seemed a lot cleaner than anything I could find. You'll have to do something like adding a class to all the uls and setting its style to display: inline-table.

@* pseudo html/razor *@
@foreach(var col in columns){
    

        foreach(var data in col){
            
data
        }
    
    
}

and some styling

.tableColumn {
    border: 1px solid;
    display: inline-table;
}