How to move the Sortarrows in Datagrid 2?

Hello I have a question about the headers in Datagrid 2. As you can se is the sort arrow at the end of each Column so for the user it looks like the sortarrow belongs to the column header to the right. Is ther a way to move the arrows ether to start of column or right after the text?    
2 answers

Both solutions are possible


1. If you want the svg icon to come right next to the Column title, reset it by doing flex-grow: 0 (by default it is set to 1)


Screenshot 2024-05-17 at 12.32.36 PM.jpg


2. If you want the svg icon to come before the Column title, on the parent container which is a div tag, set the flex-direction to row-reverse. that way they will switch


Screenshot 2024-05-17 at 12.34.48 PM.jpg

Screenshot 2024-05-17 at 12.36.14 PM.jpg


FYI setting a direction attribute is not the right solution as it is semantically made for RTL languages like Arabic.


Hi Ollie!

we can use css to do this.

.table .th .column-header {

direction: rtl;




offcourse u need to put some more styling to make it look good but as you can see in screenshot now arrows are coming before headers