Do CascadePanes work when searchPanes is initialized in button?

TomCorr

Hi, When i use dom: 'Pfrtip' Cascade and all configs work, when i use dom: 'Bfrtip', no configs apply.

kthorngren

Are you trying to do what is in this example?
https://datatables.net/extensions/searchpanes/examples/initialisation/collapseStart.html

Kevin

TomCorr

Yes, this is how i have it:

    $('#dttComponents').DataTable({
        searchPanes: {
            cascadePanes: true,
            controls: false
        },        
        buttons: [
            'copyHtml5',
            'excelHtml5',
            'csvHtml5',
            'pdfHtml5',
            'print',
            'searchPanes'
        ],        
        columnDefs: [
            {
                searchPanes: {
                    show: true,
                },
                targets: [0,1,3],
            }
        ],
        dom: 'Bfrtip',
        responsive: true,
        searching: true,
        select: false,
        info: true,
        paging: true,
        ordering: false,
        scrollY: "50vh",
        scrollCollapse: true 
    });

kthorngren

I copied your code into this Test Case and it seems to work. I used the Download Builder to generate the includes for Buttons, HTML5 Export, jszip, pdfmake, print, Responsive, SearchPanes and Select. Do you have all those installed?

Maybe you can update the test case to replicate your issue.

Kevin

TomCorr

I looked into your test case without modifying it, and if i choose Angelica Ramos, it should filter the rest of the column panes, and it is not.

kthorngren

Sorry I didn't understand your initial question. Its a known issue, see this thread.

Kevin

TomCorr

OK, Thank you i will be alert for this bug fix.

colin

This was addressed last week. It'll be in the next release, but you can confirm the solution by using the nightly releases here. See example here.

Colin

TomCorr

Thanks Colin, i confirmed your example,

I'll be alert for the next release.

Cheers
Tom

maurog1987

Hello, I still have this issue as of today 8/6/2020.
I have the latest version downloaded (1.1.1) but when the searchPanes button is enabled, then all its options do not work, especially:
- Cascading
- layout
- view total

I attached a pic of my folder structure, to show all the modules I have downloaded.

This is my code

$('#main-table').DataTable({
            dom: 'Bfrtip',
            stateSave:true,
            searchPanes:{
                cascadePanes: true,
                layout: 'columns-4',
                viewTotal: true
            },
            // dom: 'Pfrtip',
            buttons: [ 'copy', 'excel', 'pdf', 'colvis', 'searchPanes' ],
            fixedHeader: true,
            responsive: true,
            data: table_arr,
            columns: [
  ...
            ],
            deferRender: true
        });

polianomartini

I'm also not able to use the SearchPanes options as a button in Bootstrap 4.

SearchPanes-1.1.1

Note: It would even be interesting if there was an overlay with a dark background when opening the pane.

colin

@maurog1987 and @polianomartini - please link to test cases, and we're happy to take a look. It would be worth creating new threads to isolate the two issues.

Colin

WNRCAM

For me the same, searchPanes options are not respected when I remove de P from dom.

searchPanes: {
cascadePanes: true
},

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

Kaikon

Hi @maurog1987 @polianomartini @WNRCAM

I think I encountered the same issue as you mentionned, reproduce here : http://live.datatables.net/yajubifo/1/edit?html,js,output

The correct way when you want to use the searchPanes button, is to implement the searchPanes config "inside" the button as mentionned in this thread : https://datatables.net/reference/option/button.searchPanes

var table = $('#example').DataTable({
    dom: 'Bfrtip',
    buttons: [
      {
        extend: 'searchPanes',
        config: {
          cascadePanes: true
        }
      }      
    ]
  });

Full exemple available here : http://live.datatables.net/yajubifo/2/edit?html,js,output

Hope this help
Regard's

WNRCAM

HI, Yes, I solved this way too.