Tabeller

Filtrering

Inline-filter

Inline-filter innebär att filtren placeras direkt ovanför tabellen och är alltid synliga. Detta gör det enkelt att upptäcka vilka filter som finns tillgängliga, se vilka filter som redan är aktiva samt justera flera filter på en gång utan extra interaktioner. Du kan se ett exempel på detta mönster här

Använd detta mönster när

• du har ett fåtal filter
• användaren snabbt behöver kunna justera flera filter på en gång
• det är viktigt att direkt kunna se vilka filter som är aktiva

Filtren kan vid behov läggas i en Accordion för att kunna fällas ihop och ta mindre plats.

Filter i popover

I detta mönster öppnas filtervalen i en popover via en knapp eller en ikon. Det ger en fokuserad tabellvy och är användbart filtrering inte är användarens primära handling. Inne i popovern läggs filtren i Accordion som kan expanderas och fällas ihop, vilket ger en tydlig och skalbar struktur även när det är många filter.

Använd detta mönster när

• filtreringen inte är en primär uppgift för de flesta användare
• det finns många filter
• du vill kunna gruppera filter