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

Answer 1

In modern browsers you can achieve this by redefining the TR and TD tags behavior in CSS. Given the HTML in your question attach the next CSS style:

table {
	display: table;
}
table tr {
	display: table-cell;
}
table tr td {
	display: block;
}

    

        
row 1, cell 1
        
row 2, cell 1
    
    

        
row 1, cell 2
        
row 2, cell 2