{"id":2657,"date":"2019-06-07T16:38:03","date_gmt":"2019-06-07T15:38:03","guid":{"rendered":"http:\/\/www.donatantonio.net\/blog\/?p=2657"},"modified":"2019-06-07T16:38:03","modified_gmt":"2019-06-07T15:38:03","slug":"disabilitare-la-ricerca-in-una-jquery-datatables","status":"publish","type":"post","link":"https:\/\/www.donatantonio.net\/blog\/tipsetricks\/disabilitare-la-ricerca-in-una-jquery-datatables\/","title":{"rendered":"Disabilitare la ricerca 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 <em>rende disponibile un campo per ricercare dati in tabella<\/em>.<br \/>\nNonostante la ricerca in tabella sia una funzione molto utile e indubbiamente una delle pi\u00f9 apprezzate dell&#8217;intero set di strumenti disponibili in DataTable, potrebbe risultare a volte necessario disabilitarla.<\/p>\n<p>L\u2019opzione da utilizzare in fase di inizializzazione di DataTable \u00e8 <strong>searching<\/strong> che di default \u00e8 impostato a true.<\/p>\n<p>Dovremo quindi settare <strong>\u201c<\/strong><em><strong>searching\u201d: false<\/strong><\/em> <em>se non vogliamo la ricerca in 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;searching&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 il campo di ricerca che solitamente appare in alto prima della tabella, mentre resteranno attive le sole funzioni di ordinamento.<\/p>\n<p>Ecco la nostra tabella jQuery DataTables <strong>senza funzione di ricerca<\/strong>:<\/p>\n<p><iframe src=\"http:\/\/www.donatantonio.net\/Tips_Tricks\/datatables_no_search\/\" 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 search.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>rende disponibile un campo per ricercare dati in tabella<\/em>.<br \/>\nNonostante la ricerca in tabella sia una funzione molto utile e indubbiamente una delle pi\u00f9 apprezzate dell&#8217;intero set di strumenti disponibili in DataTable, potrebbe risultare a volte necessario disabilitarla.<\/p>\n<p>L\u2019opzione da utilizzare in fase di inizializzazione di DataTable \u00e8 searching che di default \u00e8 impostato a true.<\/p>\n<p>Dovremo quindi settare \u201c<em>searching\u201d: false<\/em> <em>se non vogliamo la ricerca in 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;searching&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 il campo di ricerca che solitamente appare in alto prima della tabella, mentre resteranno attive le sole funzioni di ordinamento.<\/p>\n<p>Ecco la nostra tabella jQuery DataTables senza funzione di ricerca:<\/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":2658,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[505],"tags":[525,530,533,532,531],"_links":{"self":[{"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/posts\/2657"}],"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=2657"}],"version-history":[{"count":1,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/posts\/2657\/revisions"}],"predecessor-version":[{"id":2659,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/posts\/2657\/revisions\/2659"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/media\/2658"}],"wp:attachment":[{"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/media?parent=2657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/categories?post=2657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.donatantonio.net\/blog\/wp-json\/wp\/v2\/tags?post=2657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}