{"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":"come-creare-una-tabella-ordinabile-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-create-a-sortable-table-in-wordpress\/","title":{"rendered":"Come creare una tabella ordinabile in WordPress"},"content":{"rendered":"<p>Perch\u00e9 abbiamo bisogno di una tabella? Perch\u00e9 a volte elencare le cose in un testo semplice non \u00e8 sufficiente. Come si crea una tabella? \u00c8 possibile farlo utilizzando il blocco Tabella integrato, un plugin con funzioni avanzate o aggiungendo HTML personalizzato, a seconda dell'editor o del costruttore di pagine con cui si lavora. Le tabelle sono il modo pi\u00f9 semplice per mantenere le informazioni strutturate e organizzate.&nbsp;<\/p>\n\n\n\n<p>Ma quando la vostra tabella cresce, aumentano anche le sfide. Pi\u00f9 righe significano pi\u00f9 scorrimento. Pi\u00f9 colonne rendono pi\u00f9 difficile individuare i dettagli che contano. Quello che all'inizio era un layout pulito pu\u00f2 diventare rapidamente opprimente per gli utenti che cercano di trovare un dato specifico.<\/p>\n\n\n\n<p>\u00c8 qui che le tabelle ordinabili diventano particolarmente utili. Invece di costringere gli utenti a leggere tutto, si pu\u00f2 permettere loro di ordinare i dati in base a ci\u00f2 che gli interessa, come il prezzo, la data, il nome o la valutazione, con un solo clic.<\/p>\n\n\n\n<p>In questo articolo spiegheremo come creare una tabella ordinabile con Tableberg e mostreremo come controllare la direzione dell'ordinamento in base al layout.<\/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>Creare una tabella ordinabile in WordPress<\/strong><\/h2>\n\n\n\n<p>Nei passi seguenti, verr\u00e0 mostrato come creare una tabella usando <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noopener\">Tavolo di lavoro<\/a>. Imparerete anche a rendere la tabella ordinabile con poche impostazioni.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Passo 1: installare e attivare l'Tableberg<\/strong><\/h3>\n\n\n\n<p>Andate nella vostra dashboard di WordPress, aprite la sezione <strong>Plugin<\/strong> e fare clic su <strong>Aggiungi nuovo<\/strong>. Ricerca di <strong>Tavolo di lavoro<\/strong>, allora<strong> installare<\/strong> e <strong>attivare<\/strong> il 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=\"Installare e attivare l&#039;Tableberg\" 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>Passo 2: inserire una tabella nel post<\/strong><\/h3>\n\n\n\n<p>Aprire il post o la pagina in cui si desidera inserire la tabella. A questo punto, utilizzare l'opzione <strong>inseritore di blocchi<\/strong> per individuare il <strong>Blocco Tableberg<\/strong>, aggiungerlo al contenuto e scegliere il numero di righe e colonne necessarie.<\/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=\"Inserire una tabella nel post\" 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>Passo 3: Inserire il contenuto della tabella<\/strong><\/h3>\n\n\n\n<p>Fate clic su ogni cella e inserite i vostri dati al suo interno. Tableberg consente di utilizzare testo, immagini, stelle, pulsanti, nastri, icone, elenchi e altri elementi di blocco all'interno di qualsiasi cella. Preparate la vostra tabella nel modo che preferite.<\/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=\"Inserire il contenuto della tabella\" 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>Passo 4: abilitare la funzione di ordinamento<\/strong><\/h3>\n\n\n\n<p>Fare clic sul bordo esterno di una cella qualsiasi della tabella e fare clic sull'icona tableberg nella barra degli strumenti per assicurarsi che l'intera tabella sia selezionata. Nella parte destra della tabella <strong>impostazioni del blocco<\/strong>scorrere verso il basso fino a trovare la voce <strong>Ordinamento<\/strong> caratteristica. <\/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=\"Attivare la funzione di ordinamento\" 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>Passo 5: scegliere la direzione di ordinamento<\/strong><\/h3>\n\n\n\n<p>Una volta trovata la funzione di ordinamento, si vedranno due opzioni disponibili: <strong>Verticale e orizzontale<\/strong>. L'ordinamento verticale consente di riordinare le righe facendo clic sulle intestazioni delle colonne. L'ordinamento orizzontale ordina le righe e funziona meglio quando le etichette sono nella prima colonna. Scegliete la modalit\u00e0 pi\u00f9 adatta al layout della vostra tabella.<\/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=\"Scegliere la direzione di ordinamento\" 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>Fase 6: Anteprima e prova dell'ordinamento<\/strong><\/h3>\n\n\n\n<p>Primo, <strong>salvare<\/strong> il proprio lavoro, fare clic su <strong>Anteprima<\/strong>e quindi verificare l'ordinamento interagendo con la tabella. Provare diverse colonne o righe in base alla modalit\u00e0 selezionata per assicurarsi che tutto funzioni come previsto. Una volta soddisfatti di tutto ci\u00f2, <strong>aggiornamento<\/strong> o <strong>pubblicare<\/strong> il 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>Conclusione<\/strong><\/h4>\n\n\n\n<p>Le tabelle sono uno dei modi pi\u00f9 efficaci per presentare informazioni organizzate su un sito web, ma possono diventare rapidamente difficili da navigare man mano che il contenuto cresce. Le tabelle ordinabili semplificano questo aspetto, consentendo agli utenti di riorganizzare i dati in base alle loro esigenze. Con Tableberg \u00e8 possibile aggiungere questa funzione senza utilizzare strumenti o codice esterni e persino controllare il funzionamento dell'ordinamento in base al layout della tabella.  In questo articolo abbiamo mostrato esattamente come creare una tabella ordinabile utilizzando Tableberg dall'inizio alla fine.<\/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\/it\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/8288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=8288"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/8288\/revisions"}],"predecessor-version":[{"id":8309,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/8288\/revisions\/8309"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/8290"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=8288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=8288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=8288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}