Change Orientation (rows vs columns) on Dynamic Table

Is it possible to change the orientation of a Dynamic Table so the column headers are on the left where the rows usually are and the rows are across the top where the columns usually are?

Such as described here:

https://dbushell.com/2016/03/04/css-only-responsive-tables/

https://codepen.io/dbushell/full/wGaamR

This basic CSS will rotate any table:

tr, thead, tbody, tfoot {
	display: block;
	float: left;
}

th, td {
	display: block;
}

Everything will be squashed up on the left so you’ll have to add some more styles to format it nicely - this doesn’t always play well with the built-in table styles. If you have a totals row in a dynamic table it will become the rightmost column.