I cannot append searchPanes to two different tables using jquery using searchPanes.ontainer()

Evie

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.

colin

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

Evie

Thanks for the quick response @colin . Luckily I managed to figure it out. It was a self implemented bug. Thanks

colin

Glad all sortetd, thanks for reporting back,

Colin

Evie

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());

sandy

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 using columns.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

Evie

@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.