{"id":2947,"date":"2025-03-19T07:02:02","date_gmt":"2025-03-19T07:02:02","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=2947"},"modified":"2026-11-13T14:10:24","modified_gmt":"2026-11-13T14:10:24","password":"","slug":"tavola-ordinabile","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/it\/docs\/sortable-table\/","title":{"rendered":"Come rendere una tabella ordinabile in WP Table Builder"},"content":{"rendered":"<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d5c0682e wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-left-radius:0px;border-bottom-right-radius:6px;border-left-color:#2563eb;border-left-width:3px;background-color:#f4f7fb;margin-bottom:14px;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#2563eb;margin-top:0;margin-bottom:10px;font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Risposta rapida<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:14px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.106), 15px);line-height:1.65\">Apri la tabella nel builder, vai su <strong>Settings<\/strong> (scheda) e, in <strong>General<\/strong>, attiva <strong>Sort Table Vertically<\/strong> per permettere ai visitatori di ordinare le righe facendo clic sulle frecce nella riga di intestazione, oppure <strong>Sort Table Horizontally<\/strong> per ordinare le colonne facendo clic sulle frecce nella prima colonna. Fai clic su <strong>Save<\/strong>. L\u2019ordinamento \u00e8 gratuito.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Una tabella ordinabile permette ai visitatori di riordinare le righe per prezzo, valutazione, nome o qualsiasi altra colonna. \u00c8 ideale per tabelle di confronto, listini prezzi e tabelle di dati.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_274a0a45-c3d2-4d8e-be99-96345d89de27\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Requisiti<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Voce<\/th><th>Dettagli<\/th><\/tr><\/thead><tbody><tr><td><strong>Piano<\/strong><\/td><td>Gratuito e Pro<\/td><\/tr><tr><td><strong>Tempo necessario<\/strong><\/td><td>Meno di 1 minuto<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_bc899123-64f8-4fdd-8029-4b43be3314bb\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Opzioni di ordinamento<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Impostazione<\/th><th>Cosa possono fare i visitatori<\/th><\/tr><\/thead><tbody><tr><td><strong>Sort Table Vertically<\/strong><\/td><td>Fare clic sulle frecce di ordinamento in una cella di intestazione per ordinare le righe in base a quella colonna<\/td><\/tr><tr><td><strong>Sort Table Horizontally<\/strong><\/td><td>Fare clic sulle frecce di ordinamento nella prima colonna per ordinare le colonne in base a quella riga<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Pu\u00f2 essere attiva una sola direzione alla volta. Attivarne una disattiva l\u2019altra.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_d112fb35-ddfb-4636-8e15-d6634d78928d\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Passaggi<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Apri la tabella nel builder e fai clic su <strong>Settings<\/strong> .<\/li>\n\n\n\n<li>In <strong>General<\/strong> (sezione), attiva <strong>Sort Table Vertically<\/strong> (la maggior parte delle tabelle) o <strong>Sort Table Horizontally<\/strong>.<\/li>\n\n\n\n<li>Fai clic su <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"722\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th.jpg\" alt=\"Impostazioni General di WP Table Builder con Sort Table Vertically attivo\" class=\"wp-image-24275\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-general-settings-width-sort-th-18x9.jpg 18w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Le frecce di ordinamento compaiono nelle celle di intestazione, sia nel builder sia sul sito. Ogni clic alterna ordine crescente e decrescente.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_d651889d-5c73-4614-962c-f72f5aee5c33\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Consigli per un ordinamento efficace<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tieni l\u2019intestazione nella prima riga e attiva <a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/th-header-row\/\">Use th for first row<\/a>.<\/li>\n\n\n\n<li>Scrivi i numeri in modo uniforme (per esempio <code>$1,299<\/code> ovunque, non \u201ccirca 1300\u201d), cos\u00ec i valori si ordinano correttamente.<\/li>\n\n\n\n<li>Evita le celle unite nell\u2019area ordinabile.<\/li>\n\n\n\n<li>Combina l\u2019ordinamento con <a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/ricerca-nella-tabella\/\">ricerca<\/a> e <a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/table-pagination\/\">paginazione<\/a> (Pro) per le tabelle lunghe.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_3c23f391-95f3-475c-adf7-c538348331cd\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Domande frequenti<\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-b85257c8-721c-4dea-a64d-5bd9082c07ea\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-b85257c8-721c-4dea-a64d-5bd9082c07ea\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-b85257c8-721c-4dea-a64d-5bd9082c07ea\" style=\"color: #000000; \"><strong>Come rendo ordinabile una tabella WordPress?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"true\" class=\"wp-block-ub-content-toggle-accordion-content-wrap\" id=\"ub-content-toggle-panel-0-b85257c8-721c-4dea-a64d-5bd9082c07ea\">\n\n<p class=\"wp-block-paragraph\">In WP Table Builder, apri la scheda Settings della tabella e attiva Sort Table Vertically nella sezione General. I visitatori potranno fare clic sulle frecce dell\u2019intestazione per ordinare.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-b85257c8-721c-4dea-a64d-5bd9082c07ea\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-b85257c8-721c-4dea-a64d-5bd9082c07ea\" style=\"color: #000000; \"><strong>L\u2019ordinamento \u00e8 una funzionalit\u00e0 Pro?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-b85257c8-721c-4dea-a64d-5bd9082c07ea\">\n\n<p class=\"wp-block-paragraph\">No. L\u2019ordinamento \u00e8 incluso nella versione gratuita di WP Table Builder.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-2-b85257c8-721c-4dea-a64d-5bd9082c07ea\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-b85257c8-721c-4dea-a64d-5bd9082c07ea\" style=\"color: #000000; \"><strong>Posso scegliere quali colonne sono ordinabili?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-2-b85257c8-721c-4dea-a64d-5bd9082c07ea\">\n\n<p class=\"wp-block-paragraph\">L\u2019ordinamento si applica a tutte le celle di intestazione. Le frecce compaiono su ogni colonna quando Sort Table Vertically \u00e8 attivo.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-3-b85257c8-721c-4dea-a64d-5bd9082c07ea\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-b85257c8-721c-4dea-a64d-5bd9082c07ea\" style=\"color: #000000; \"><strong>Perch\u00e9 una colonna si ordina nell\u2019ordine sbagliato?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-3-b85257c8-721c-4dea-a64d-5bd9082c07ea\">\n\n<p class=\"wp-block-paragraph\">I valori sono scritti in modo non uniforme, per esempio alcuni con testo e altri con numeri. Usa lo stesso formato in ogni cella della colonna.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_fa935240-0499-4197-b10b-cc7626b832b8\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Documenti correlati<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/ricerca-nella-tabella\/\">Come aggiungere una casella di ricerca a una tabella in WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/table-pagination\/\">Come aggiungere la paginazione a una tabella in WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/th-header-row\/\">Come usare celle di intestazione th per la prima riga in WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/fare-la-tabella-responsive-per-wordpress\/\">Come rendere una tabella responsive in WP Table Builder<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Let visitors sort a table by clicking the header arrows. Free.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[100],"doc_tag":[],"class_list":["post-2947","docs","type-docs","status-publish","hentry","doc_category-interactive-features"],"year_month":"2026-11","word_count":375,"total_views":"28","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/it\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Interactive Features","term_url":"https:\/\/wptablebuilder.com\/it\/docs-category\/interactive-features\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/2947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/comments?post=2947"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/2947\/revisions"}],"predecessor-version":[{"id":24334,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/2947\/revisions\/24334"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/media?parent=2947"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_category?post=2947"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_tag?post=2947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}