How to move the Sortarrows in Datagrid 2?
0
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?
asked
Olle Lindgren
2 answers
2
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)
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
FYI setting a direction attribute is not the right solution as it is semantically made for RTL languages like Arabic.
answered
Ganesh Acharya
1
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
answered
Chandresh Shukla