Hey Tada Community-
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:
I have also tried setting a CSS class and applying it in <span>, <div>, and style tags.
Thanks,
Adam
This didn’t work with me either.
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.
.table-header-cell {
display: inline-block;
border: 1px solid grey;
margin: 1px 1px 5px;
height: 30px;
transform: rotate(-90deg);
transform-origin: left bottom;
width: 100px;
}
I added this code to the css of the page and then added the class to the column.
This is even worse:
In the CSS tab of the page:
.table>thead>tr>th {
border: 1px solid grey;
margin: 1px 1px 5px;
transform: rotate(-90deg);
transform-origin: left bottom;
}
I think you mess-up a lot and this is quite a task to get it right, but at least this was only applied to the header of the table.
Yes but I’m PDF the typical CSS doesn’t work
