[Dominias]

#programowanie #angular #javascript #css
Mam mały problem z wypozycjonowaniem ikonki w headerze kolumny material-table. Chodzi o to, że implementuję customowe filtrowanie per columna i żeby to jakoś wyglądało na hover chcę umieścić po prawej stronie headera ikonkę do otwarcia dropdowna z filtrami. Probleme jest to, że mam też aktywne sortowanie, do którego ikonka pojawia się przed lub po kontencie. Ja chce, żeby sortowanie było po labelu, a ikonka do filtrowania była fixed po prawej stronie. Ale nie mam niestety pomysłu jak to zrobić poprawnie. Może ktoś rzucić okiem na kolumnę name? To odwzorowany przykład: https://stackblitz.com/edit/angular-material-mat-table-sort-rkeyqg

[lobo]

@Dominias: znaczy chcesz coś takiego zrobić?

https://stackblitz.com/edit/angular-material-mat-table-sort-tftmqa?file=src%2Fapp%2Fmy-books%2Fmy-books.component.css

wypozycjonowanie w pionie możesz zrobić znacznie lepiej (np. wrapper z flexem)

można jeszcze dodać padding z prawej aby zawsze ikona miała miejsce

[Dominias]

@lobo: no jest to jakiś workaround chociaż wstępnie chciałem to wyrównać do prawej th

[lobo]

@Dominias: Coś takiego?
https://stackblitz.com/edit/angular-material-mat-table-sort-kflxhv?file=src%2Fapp%2Fmy-books%2Fmy-books.component.css

[Dominias]

@lobo: jest gitara, dzięki za pomoc cumplu! ( ͡° ͜ʖ ͡°)

[lobo]

@Dominias: tylko sobie jakiś padding dodaj z prawej na .test to ci się nie nałożą ikony