{"id":2628,"date":"2019-06-06T10:20:10","date_gmt":"2019-06-06T09:20:10","guid":{"rendered":"http:\/\/www.donatantonio.net\/blog\/?p=2628"},"modified":"2019-06-06T10:20:10","modified_gmt":"2019-06-06T09:20:10","slug":"rimuovere-paginazione-in-una-jquery-datatables","status":"publish","type":"post","link":"https:\/\/www.donatantonio.net\/blog\/tipsetricks\/rimuovere-paginazione-in-una-jquery-datatables\/","title":{"rendered":"Rimuovere paginazione in 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 effettua una <em>paginazione delle righe<\/em>.<br \/>\nLa paginazione \u00e8 senza dubbio uno strumento comodo, ma in molti casi, ed in relazione al numero di righe della tabella, pu\u00f2 essere molto pi\u00f9 utile e immediato presentare interamente la tabella e lasciare che sia lo scrollbar del browser a permetterci di muovere tra le righe.<\/p>\n<p>L&#8217;opzione da utilizzare in fase di inizializzazione di DataTable \u00e8 <strong>paging<\/strong>.<\/p>\n<p><a href=\"http:\/\/www.donatantonio.net\/blog\/wp-content\/uploads\/2019\/06\/datatable_no_paging.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-2630\" src=\"http:\/\/www.donatantonio.net\/blog\/wp-content\/uploads\/2019\/06\/datatable_no_paging.png\" alt=\"DataTables no paginazione\" width=\"899\" height=\"450\" srcset=\"https:\/\/www.donatantonio.net\/blog\/wp-content\/uploads\/2019\/06\/datatable_no_paging.png 899w, https:\/\/www.donatantonio.net\/blog\/wp-content\/uploads\/2019\/06\/datatable_no_paging-300x150.png 300w, https:\/\/www.donatantonio.net\/blog\/wp-content\/uploads\/2019\/06\/datatable_no_paging-768x384.png 768w\" sizes=\"(max-width: 899px) 100vw, 899px\" \/><\/a><br \/>\nDovremo quindi settare <strong>&#8220;<\/strong><em><strong>paging&#8221;: false<\/strong><\/em> <em>se non vogliamo la paginazione della tabella<\/em>:<\/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;paging&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>Vedremo quindi scomparire i pulsanti di navigazione in basso a destra e la tendina in alto per la scelta del numero di righe per pagina.<\/p>\n<p>Ecco la nostra tabella jQuery DataTables <strong>senza paginazione<\/strong>:<\/p>\n<p><iframe src=\"http:\/\/www.donatantonio.net\/Tips_Tricks\/datatables_no_paging\/index.html\" width=\"100%\" height=\"300px\" frameborder=\"0\"><\/iframe><\/p>\n<p><strong>Scarica il codice completo <a href=\"http:\/\/www.donatantonio.net\/Tips_Tricks\/DataTables - No paging.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 effettua una <em>paginazione delle righe<\/em>.<br \/>\nLa paginazione \u00e8 senza dubbio uno strumento comodo, ma in molti casi, ed in relazione al numero di righe della tabella, pu\u00f2 essere molto pi\u00f9 utile e immediato presentare interamente la tabella e lasciare che sia lo scrollbar del browser a permetterci di muovere tra le righe.<\/p>\n<p>L&#8217;opzione da utilizzare in fase di inizializzazione di DataTable \u00e8 paging.<\/p>\n<p>\nDovremo quindi settare &#8220;<em>paging&#8221;: false<\/em> <em>se non vogliamo la paginazione della tabella<\/em>:<\/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;paging&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>Vedremo quindi scomparire i pulsanti di navigazione in basso a destra e la tendina in alto per la scelta del numero di righe per pagina.<\/p>\n<p>Ecco la nostra tabella jQuery DataTables senza paginazione:<\/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":2630,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[505],"tags":[512,506,514,515,516,513],"_links":{"self":[{"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/posts\/2628"}],"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=2628"}],"version-history":[{"count":2,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/posts\/2628\/revisions"}],"predecessor-version":[{"id":2631,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/posts\/2628\/revisions\/2631"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/media\/2630"}],"wp:attachment":[{"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/media?parent=2628"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/categories?post=2628"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/tags?post=2628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}