Att skapa tabeller på webben som är läsbara även på mobil och där man inte behöver scrolla i sidled kan vara en utmaning!
Det finne ett mycket bra jqurery bibliotek som underlättar mycket, datatables. Det gör att du får funktioner som att söka, filtrera, kopiera och exportera till excel samt PDF.
Det här biblioteket används av ett färdigt plugin till WordPress, tablepress men om man lägger till det själv så kan man använda fler funktioner.
Tabellen går att filtrera i sökrutan och samtliga kolumnen går att sortera. På en mobil så formateras tabellen så du inte behöver scrolla i sidled.
Som extra bonus kan man öppna tabellen i excel eller kopiera den!
Nr | Förnamn | Efternamn | Plats | |
---|---|---|---|---|
1 | Kalle | Anka | Ankeborg | |
2 | Nalle | Puh | Sjumilaskogen | |
3 | Mimmi | Pigg | Ankeborg | |
4 | Musse | Pigg | Ankeborg | |
5 | Nasse | ? | Sjumilaskogen | |
6 | Emil | Svensson | Lönneberga | |
7 | Ida | Svensson | Lönneberga | |
8 | Ronja | Rövardotter | Mattisborgen |