{"id":2643,"date":"2019-06-07T11:49:40","date_gmt":"2019-06-07T10:49:40","guid":{"rendered":"http:\/\/www.donatantonio.net\/blog\/?p=2643"},"modified":"2019-06-07T11:51:24","modified_gmt":"2019-06-07T10:51:24","slug":"disabilitare-lordinamento-per-tutte-le-colonne-di-una-jquery-datatables","status":"publish","type":"post","link":"https:\/\/www.donatantonio.net\/blog\/tipsetricks\/disabilitare-lordinamento-per-tutte-le-colonne-di-una-jquery-datatables\/","title":{"rendered":"Disabilitare l&#8217;ordinamento per tutte le colonne di una jQuery DataTables"},"content":{"rendered":"<p>Abbiamo gi\u00e0 visto come <a href=\"http:\/\/www.donatantonio.net\/blog\/tipsetricks\/una-tabella-con-il-plug-in-jquery-datatables\/\">creare velocemente una tabella con jQuery DataTables<\/a>, ma ci siamo resi conto che di <em>default<\/em> il plug-in <em>permette di effettuare l&#8217;ordinamento delle colonne cliccando sull&#8217;intestazione della tabella<\/em>.<br \/>\nDifatti DataTable, se richiamato con i parametri di base, propone la tabella con la funzione di ordinamento disponibile per ogni colonna.<\/p>\n<p>Ma se volessimo <strong>disabilitare completamente<\/strong> (<em>per tutte le colonne<\/em>) <strong>l&#8217;ordinamento<\/strong>?<\/p>\n<p><a href=\"http:\/\/www.donatantonio.net\/blog\/wp-content\/uploads\/2019\/06\/datatable_no_ordering.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-2645\" src=\"http:\/\/www.donatantonio.net\/blog\/wp-content\/uploads\/2019\/06\/datatable_no_ordering.png\" alt=\"Datatable no ordering\" width=\"899\" height=\"450\" srcset=\"https:\/\/www.donatantonio.net\/blog\/wp-content\/uploads\/2019\/06\/datatable_no_ordering.png 899w, https:\/\/www.donatantonio.net\/blog\/wp-content\/uploads\/2019\/06\/datatable_no_ordering-300x150.png 300w, https:\/\/www.donatantonio.net\/blog\/wp-content\/uploads\/2019\/06\/datatable_no_ordering-768x384.png 768w\" sizes=\"(max-width: 899px) 100vw, 899px\" \/><\/a>L\u2019<em>opzione<\/em> da utilizzare in fase di inizializzazione di DataTable \u00e8 <strong>ordering <\/strong>che se non dichiarato \u00e8 avvalorato di default a <em>true<\/em>.<br \/>\nSe ad esempio volessimo quindi disabilitare completamente l&#8217;ordinamento dovremmo scrivere:<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;script type=&quot;text\/javascript&quot;&gt;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 $('#idTabella').DataTable({\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &quot;ordering&quot;: false,\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &quot;language&quot;: {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &quot;url&quot;: &quot;\/\/cdn.datatables.net\/plug-ins\/1.10.19\/i18n\/Italian.json&quot;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 });\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>In questo modo la DataTable sar\u00e0 presentata senza possibilit\u00e0 di ordinamento ed inoltre la sequenza di righe <em>sar\u00e0 fedele a quella definita all&#8217;interno del codice HTML<\/em>. A tal proposito si ricorda che di default -con ordinamento attivo- il plug-in propone la tabella ordinata per i valori della prima colonna.<\/p>\n<p>Se invece volessimo disabilitare l&#8217;ordinamento <em>solo per determinate colonne<\/em> dovremmo procedere in modo diverso, <a href=\"http:\/\/www.donatantonio.net\/blog\/tipsetricks\/disabilitare-lordinamento-per-singole-colonne-di-una-jquery-datatables\/\">clicca qui per scoprire il relativo Tips&amp;Tricks<\/a>.<\/p>\n<p>Ecco la nostra tabella jQuery DataTables <strong>senza funzioni di ordinamento<\/strong>:<\/p>\n<p><iframe src=\"http:\/\/www.donatantonio.net\/Tips_Tricks\/datatables_no_ordering\/\" width=\"100%\" height=\"350px\" frameborder=\"0\"><\/iframe><\/p>\n<p><strong>Scarica il codice completo <a href=\"http:\/\/www.donatantonio.net\/Tips_Tricks\/DataTables - No ordering.zip\">cliccando qui<\/a>.<br \/>\nScopri altri <a href=\"http:\/\/www.donatantonio.net\/blog\/category\/tipsetricks\/\">Tips &amp; Tricks<\/a>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Abbiamo gi\u00e0 visto come creare velocemente una tabella con jQuery DataTables, ma ci siamo resi conto che di <em>default<\/em> il plug-in <em>permette di effettuare l&#8217;ordinamento delle colonne cliccando sull&#8217;intestazione della tabella<\/em>.<br \/>\nDifatti DataTable, se richiamato con i parametri di base, propone la tabella con la funzione di ordinamento disponibile per ogni colonna.<\/p>\n<p>Ma se volessimo disabilitare completamente (<em>per tutte le colonne<\/em>) l&#8217;ordinamento?<\/p>\n<p>L\u2019<em>opzione<\/em> da utilizzare in fase di inizializzazione di DataTable \u00e8 ordering che se non dichiarato \u00e8 avvalorato di default a <em>true<\/em>.<br \/>\nSe ad esempio volessimo quindi disabilitare completamente l&#8217;ordinamento dovremmo scrivere:<\/p>\n<p>&lt;script type=&quot;text\/javascript&quot;&gt;<br \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0 $(&#8216;#idTabella&#8217;).DataTable({<br \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &quot;ordering&quot;: false,<br \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &quot;language&quot;: {<br \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &quot;url&quot;: &quot;\/\/cdn.datatables.net\/plug-ins\/1.10.19\/i18n\/Italian.json&quot;<br \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<br \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0 });<br \/>\n&lt;\/script&gt;<\/p>\n<p>In questo modo la DataTable sar\u00e0 presentata senza possibilit\u00e0 di ordinamento ed inoltre la sequenza di righe <em>sar\u00e0 fedele a quella definita all&#8217;interno del codice HTML<\/em>. A tal proposito si ricorda che di default -con ordinamento attivo- il plug-in propone la tabella ordinata per i valori della prima colonna.<\/p>\n<p>Se invece volessimo disabilitare l&#8217;ordinamento <em>solo per determinate colonne<\/em> dovremmo procedere in modo diverso, clicca qui per scoprire il relativo Tips&amp;Tricks.<\/p>\n<p>Ecco la nostra tabella jQuery DataTables senza funzioni di ordinamento:<\/p>\n<\/p>\n<p>Scarica il codice completo cliccando qui.<br \/>\nScopri altri Tips &amp; Tricks.<\/p>\n","protected":false},"author":1,"featured_media":2645,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[505],"tags":[523,517,506,522,524],"_links":{"self":[{"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/posts\/2643"}],"collection":[{"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/comments?post=2643"}],"version-history":[{"count":6,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/posts\/2643\/revisions"}],"predecessor-version":[{"id":2655,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/posts\/2643\/revisions\/2655"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/media\/2645"}],"wp:attachment":[{"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/media?parent=2643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/categories?post=2643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/tags?post=2643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}