Searchable tables on the website

Nice tables are fun!

skrivet den 8 August, 2022, uppdaterat den 22 May, 2024 av Karin H Olsson

Creating tables on the web that are also readable on mobile and where you don’t have to scroll sideways can be a challenge!

There is a very good jqurery library that helps a lot, datatables. This gives you functions such as searching, filtering, copying and exporting to Excel and PDF.

This library is used by a ready-made plugin for WordPress, tablepress but if you add it yourself, you can use more functions.

The table can be filtered in the search box and all columns can be sorted. On a mobile, the table is formatted so you don’t have to scroll sideways.

As an added bonus, you can open the table in Excel or copy it!

Nr	First name	Last name	Location
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

Karin H Olsson

Jag arbetar med teknisk utveckling i WordPress – framförallt när standardlösningar inte räcker.

Jag har en bakgrund som konstruktör inom realtidssystem (de system som finns i bilar, flygplan m.m.) och har följt utvecklingen hela vägen till dagens moderna webb.

Med utbildning inom både systemvetenskap och psykologi arbetar jag i gränslandet mellan teknik och användning – där systemen inte bara ska fungera, utan också fungera för människor.

→ Läs mer KoBoToLo – Om KoBoToLo en webbyrå i Karlskoga