F
Filament7mo ago
TK

How to change the color of the sort icon when active?

I have a table with multiple columns and multiple columns is sortable (asc, desc). All arrow icons beside the column header texts are grey. Whenever I sort a column, the icon get a little big darker "indicating" it is active. Since this color change is so minimal, I want to set the color of that icon when it's active. Anyone got an idea?
3 Replies
Patrick Boivin
Patrick Boivin7mo ago
Just tried it with some custom CSS. It's not exactly nice, but it works:
.fi-ta-header-cell-sort-icon.text-gray-950 {
color: red;
}
.fi-ta-header-cell-sort-icon.text-gray-950 {
color: red;
}
TK
TKOP7mo ago
Yeah thought so. Probably no dynamic solution yet.. Thanks for the answer! @pboivin What about hightlighting the entire column over the table with a background color? I can't seem to find a class that gets added to the DOM once I sort.. So I don't see any "hook" I can jump on
Patrick Boivin
Patrick Boivin7mo ago
Yeah, I don't see a simple way to do that.
Want results from more Discord servers?
Add your server