Seatchpanes no longer showing on website (laptop, but shows on iPhone)
Seatchpanes no longer showing on website (laptop, but shows on iPhone)
schaffa
Posts: 30Questions: 8Answers: 0
Recently the Searchpanes disappeared from my website (using Mac) but they appear normally when using iPhone to look at website
Using Safari & tried various browsers by selecting "user agents". No change.
Cant figure out what could cause this, especially since they can be seen using iPhone
Answers
It's hard to say what the problem might be without seeing the issue. Check the browser's console for errors. For help debugging please post a link to your page or a test case replicating the issue.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case
Kevin
https://thehandcarryguy.com/thg
pw = DT
TypeError: container.find('table').DataTable is not a function. (In 'container.find('table').DataTable({
responsive:true,lengthChange:true,
dom:'PBfrtip',lengthMenu:[[10,25,50,-1],[10,25,50,'All']],
searchPanes:{layout:'columns-3',cascadePanes:true,viewTotal:true,columns:cols},
columnDefs:[
{ searchPanes:{show:true},targets:cols,
render:function(d,t){ return t==='sp'?d.replace(/<br>/g,'').split(', '):d; },
searchPanes:{orthogonal:'sp'} },
{ searchPanes:{show:false},targets:'_all' },
{ targets:0,className:'dt-child-row',orderable:false,
render:function(d,t){return t==='display'?'':d;},
visible:child }
],
buttons:[
{text:'<i class="fas fa-print"></i> Print',className:'buttons-print-js'},
{extend:'pdf', text:'<i class="fas fa-file-pdf"></i> PDF', exportOptions:{columns:':visible'}},
{extend:'csv', text:'<i class="fas fa-file-csv"></i> CSV', exportOptions:{columns:':visible'}},
{extend:'copy',text:'<i class="fas fa-copy"></i> Copy', exportOptions:{columns:':visible'}},
{extend:'excel',text:'<i class="fas fa-file-excel"></i> Excel',exportOptions:{columns:':visible'}},
'columnsToggle'
],
order:[[1,'asc']],
paging:false,bInfo:true,scrollX:true,
initComplete:function(){
var api = this.api();
api.searchPanes.rebuildPane();
hidden.forEach(function(i){ api.column(i).visible(false); });
}
})', 'container.find('table').DataTable' is undefined)
Your page works for me with both Safari and Chrome on a Mac. There must be something specific to your device causing the issue. Maybe a Firewall config?
Have you tried other laptops or desktop devices?
Kevin