Hello everyone!
How to change the table order icon location, from right to left?
Thanks!
You would need to add some padding to the header text, otherwise it will be on top of the icon - unless you mean you want to swap the position of the text and icons.
th {
/* text-align:right; */ /* if you want to swap the icon and text positions*/
padding-left:30px !important;
}
table.table thead .sorting:after,
table.table thead .sorting_asc:after,
table.table thead .sorting_desc:after,
table.table thead .sorting_asc_disabled:after,
table.table thead .sorting_desc_disabled:after {
left: 0.5em;
text-align: left ;
}
table.table thead .sorting:before,
table.table thead .sorting_asc:before,
table.table thead .sorting_desc:before,
table.table thead .sorting_asc_disabled:before,
table.table thead .sorting_desc_disabled:before {
left: 1em;
text-align: left ;
}```Hello @TomD! Thanks for your reply!
Yes, I need to swap the arrows, from right, to left!
Does the css above do what you want? It should put the arrows on the left. I just wasn’t sure if you wanted to move the text too (to the right, where the arrows were).
Perfect Tom!! Brilliant! Thank you so much! Have a great weekend 
1 Like