I cannot append searchPanes to two different tables using jquery using searchPanes.ontainer()
I cannot append searchPanes to two different tables using jquery using searchPanes.ontainer()
Evie
Posts: 7Questions: 2Answers: 0
in SearchPanes
I have two datatables, both have different search panes. But when i follow this example: "https://datatables.net/extensions/searchpanes/examples/customisation/verticalPanes.html" , to stack them vertically next to the table, they show on the first table and not the second table. I get this error: 'jQuery.Deferred exception: e is undefined'
The error is referrring to this line where I append the search panes to the second table: " $("div#tr_filters.dtsp-verticalPanes").append(tr_complete_table.searchPanes.container());"
Can someone help me figure this out? Thank you.
This question has an accepted answers - jump to answer
Answers
We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.
Cheers,
Colin
Thanks for the quick response @colin . Luckily I managed to figure it out. It was a self implemented bug. Thanks
Glad all sortetd, thanks for reporting back,
Colin
Hello @colin , I have another issue with the Datatables loading the searchpanes. The datatable contains data and it is displayed in the tables, but it still says 'No searchpanes'. could you help me figure out what i am missing?
this is my js:
var tr_table_all = $('#review_table_tr_complete').DataTable({
"columnDefs": [
{
orderable: false, targets: "no-sort"
},
],
searchPanes: {
layout: 'columns-1',
columns: [1, 2, 8]
},
language: {
searchPanes: {
clearMessage: 'Alles Löschen',
title: 'Aktive Filter - %d',
}
},
dom: '<"dtsp-dataTable"rt>',
pageLength: 20
});
tr_table_all.searchPanes();
$('#review_table_tr_complete').DataTable().searchPanes.rebuildPane();
$("#tr_filters").append(tr_table_all.searchPanes.container());
Hi @Evie ,
I'd say most likely the data isn't passing the check that SearchPanes does within
searchPanes.threshold. I'd suggest trying to force the SearchPanes to show by usingcolumns.searchPanes.show.If that still doesn't work we will need to see a test case as colin pointed out above.
All the best,
Sandy
@sandy Thank you very much, your suggestion was of great help. I used https://datatables.net/reference/option/columns.searchPanes.show , and now they are showing.