{"id":8288,"date":"2025-04-06T23:52:21","date_gmt":"2025-04-06T23:52:21","guid":{"rendered":"https:\/\/tableberg.com\/?p=8288"},"modified":"2025-04-26T16:32:05","modified_gmt":"2025-04-26T16:32:05","slug":"hoe-maak-je-een-sorteerbare-tabel-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-create-a-sortable-table-in-wordpress\/","title":{"rendered":"Hoe maak je een sorteerbare tabel in WordPress"},"content":{"rendered":"<p>Waarom hebben we een tabel nodig? Omdat het soms niet genoeg is om dingen in platte tekst op te sommen. Hoe maken we een tabel? Dat kan met het ingebouwde tabellenblok, een plugin met geavanceerde functies of door aangepaste HTML toe te voegen, afhankelijk van de editor of paginabouwer waarmee je werkt. Tabellen zijn de eenvoudigste manier om je informatie gestructureerd en georganiseerd te houden.&nbsp;<\/p>\n\n\n\n<p>Maar naarmate je tabel groeit, nemen ook de uitdagingen toe. Meer rijen betekent meer scrollen. Meer kolommen maken het moeilijker om de details te vinden die er toe doen. Wat begon als een strakke lay-out kan snel overweldigend worden voor gebruikers die een specifiek stukje data proberen te vinden.<\/p>\n\n\n\n<p>Dit is waar sorteerbare tabellen bijzonder nuttig zijn. In plaats van gebruikers te dwingen alles door te lezen, kun je ze met \u00e9\u00e9n klik de gegevens laten sorteren op wat ze belangrijk vinden, zoals prijs, datum, naam of beoordeling.<\/p>\n\n\n\n<p>In dit artikel laten we je zien hoe je een sorteerbare tabel kunt maken met Tableberg en hoe je de sorteerrichting kunt aanpassen aan je lay-out.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Een sorteerbare tabel maken in WordPress<\/strong><\/h2>\n\n\n\n<p>In de volgende stappen laten we zien hoe je een tabel maakt met behulp van <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener\">Tafelberg<\/a>. Je leert ook hoe je de tabel sorteerbaar maakt met slechts een paar instellingen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stap 1: Tableberg installeren en activeren<\/strong><\/h3>\n\n\n\n<p>Ga naar je WordPress dashboard, open de <strong>Plugins<\/strong> menu en klik op <strong>Nieuw toevoegen<\/strong>. Zoeken naar <strong>Tafelberg<\/strong>dan<strong> installeren<\/strong> en <strong>activeren<\/strong> de plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1024x415.png\" alt=\"Tableberg installeren en activeren\" class=\"has-border-color wp-image-8289\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-1024x415.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-768x312.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Tableberg-install-new.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stap 2: Een tabel invoegen in je bericht<\/strong><\/h3>\n\n\n\n<p>Open het bericht of de pagina waar je de tabel wilt hebben. Gebruik nu de <strong>blokinzetter<\/strong> om de <strong>Tafelberg blok<\/strong>, voeg het toe aan je inhoud en kies het aantal rijen en kolommen dat je nodig hebt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"438\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-1024x438.png\" alt=\"Een tabel invoegen in je bericht\" class=\"has-border-color wp-image-8301\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-1024x438.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-300x128.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-768x328.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-1536x657.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/2-1.png 1679w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stap 3: Voer de inhoud van je tabel in<\/strong><\/h3>\n\n\n\n<p>Klik in elke cel en plaats uw gegevens erin. Met Tableberg kun je tekst, afbeeldingen, sterwaarderingen, knoppen, linten, pictogrammen, lijsten en andere blokelementen in elke cel gebruiken. Bereid je tabel voor zoals jij dat wilt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"412\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-1024x412.png\" alt=\"Voer de inhoud van je tabel in\" class=\"has-border-color wp-image-8302\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-1024x412.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-300x121.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-768x309.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-1536x618.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/3-1.png 1702w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stap 4: De sorteerfunctie inschakelen<\/strong><\/h3>\n\n\n\n<p>Klik op de buitenste rand van een cel van de tabel en klik op het tabelbergpictogram op de werkbalk om ervoor te zorgen dat de hele tabel is geselecteerd. In de rechter <strong>blokinstellingen<\/strong>scroll naar beneden tot je de <strong>Sorteren<\/strong> functie. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"361\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/4.gif\" alt=\"De sorteerfunctie inschakelen\" class=\"has-border-color wp-image-8303\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stap 5: Kies de sorteerrichting<\/strong><\/h3>\n\n\n\n<p>Zodra de sorteerfunctie is gevonden, zie je twee beschikbare opties: <strong>Verticaal en horizontaal<\/strong>. Met verticaal sorteren kunnen gebruikers rijen opnieuw sorteren door op kolomkoppen te klikken. Horizontaal sorteren sorteert over rijen heen en werkt het beste als je labels in de eerste kolom staan. Kies de modus die past bij de lay-out van je tabel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-1024x487.png\" alt=\"Kies sorteerrichting\" class=\"has-border-color wp-image-8304\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-1024x487.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-300x143.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-768x365.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-1536x730.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/5-1.png 1718w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stap 6: De sortering bekijken en testen<\/strong><\/h3>\n\n\n\n<p>Eerst, <strong>sla<\/strong> uw werk, klik op <strong>Voorbeeld<\/strong>en test dan je sortering door interactie met de tabel. Probeer verschillende kolommen of rijen op basis van de modus die je hebt geselecteerd om ervoor te zorgen dat alles werkt zoals verwacht. Als je tevreden bent met alles, <strong>update<\/strong> of <strong>publiceren<\/strong> de post.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"393\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-1024x393.png\" alt=\"\" class=\"has-border-color wp-image-8308\" style=\"border-color:#a5d2f7;border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-1024x393.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-300x115.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-768x294.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-1536x589.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/6-2.png 1701w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Conclusie<\/strong><\/h4>\n\n\n\n<p>Tabellen zijn een van de meest effectieve manieren om georganiseerde informatie op een website te presenteren, maar ze kunnen snel moeilijk te navigeren worden naarmate de inhoud groeit. Sorteerbare tabellen maken dit gemakkelijker door gebruikers in staat te stellen gegevens te herschikken op basis van wat voor hen van belang is. Met Tableberg kun je deze functie toevoegen zonder gebruik te maken van externe tools of code, en zelfs bepalen hoe het sorteren werkt, afhankelijk van de lay-out van de tabel.  En in dit artikel hebben we precies laten zien hoe je een sorteerbare tabel kunt maken met behulp van Tableberg, van begin tot eind.<\/p>","protected":false},"excerpt":{"rendered":"<p>Why do we need a table? Because sometimes, listing things out in plain text is not enough. How do we create a table? You can do that by using the built-in Table block, a plugin with advanced features, or by adding custom HTML, depending on the editor or page builder you are working with. Tables [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":8290,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,130],"tags":[],"class_list":["post-8288","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/04\/Sortable-Table-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/nl\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/8288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=8288"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/8288\/revisions"}],"predecessor-version":[{"id":8309,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/8288\/revisions\/8309"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/8290"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=8288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=8288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=8288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}