#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
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
- Najlepsze
- Wszystkie komentarze
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
thhttps://stackblitz.com/edit/angular-material-mat-table-sort-kflxhv?file=src%2Fapp%2Fmy-books%2Fmy-books.component.css