I have attempted all possible ways using CSS to rotate the text in a table column but nothing has worked. Does anyone have any suggestions on what else to try?
I have attempted:
transform: rotate(270deg);
transform: rotate(-90deg);
writing-mode:vertical-rl;
writing-mode: vertical-lr;
I have also tried setting a CSS class and applying it in <span>, <div>, and style tags.
I have been looking to angular code, but until now not found how to do this.
I am also looking for transposing tables, so turn table columns in table rows and vice versa. So maybe someone could explain that as well?
This code works, but I couldn’t get it working for the header only. This will also make the text in the cells in the column vertical, when you apply it to the column of a data table component.