SearchPane disappears after trying to click on any filters

mike_eddie

Hi,

I have setup search panes to run within a Web Viewer in Filemaker. All is working as expected when the SearchPane is visible on the main page. However, if I open up the SearchPane using the button, then as soon as I click anywhere within the popup window, the window disappears before anything can be selected. Would anyone be able to shed some light on this please?

I've run this through the debugger in a browser and I get the error "TypeError: d._panes.adjust is not a function. (In 'd._panes.adjust()', 'd._panes.adjust' is undefined)". Looking at the forums this seems to be a known bug which doesn't cause any issues, so I'm not sure that this is the problem.

$(document).ready( function () {

    // ********* Data Table *********
    var table = $('#myTable').DataTable( {
        
        language: {
                    searchPanes: {
                        collapse: 'Filter',
                    }
                },

        data: [**Data** ],
        columns: [ 
            {data: "date", title: "Date"},
            {data: "type", title: "Incident Type"},
            {data: "taskingtype", title: "Tasking Type"},
            {data: "taskingoutcome", title: "Tasking Outcome"},
            {data: "id", title: "ID", visible: false}

        ],
        
 
        orderCellsTop: true,
        fixedHeader: true,
        select: true,
        buttons:[
                    'searchPanes','copy','excel'
                ], 
                dom: 'Bfrtip',

    } ); // ********* End datatable render *********

    
    
    // Setup - add a text input to each footer cell
        $('#myTable thead tr').clone(true).appendTo( '#myTable thead' );
        $('#myTable thead tr:eq(1) th').each( function (i) {
            var title = $(this).text();
            $(this).html( '<input type="text" placeholder="Search '+title+'" />' );
     
            $( 'input', this ).on( 'keyup change', function () {
                if ( table.column(i).search() !== this.value ) {
                    table
                        .column(i)
                        .search( this.value )
                        .draw();
                }
            } );
        } );

} ); // ********* End Whole Function *********

I am using the bootstrap 3 theme, and used the CDN references for scripts / stylesheets as produced by the dowloader. I have selected all the extensions.

Kind Regards,

Mike

mike_eddie

Here is a link to a sample version in live.datatables.

http://live.datatables.net/felonuvi/1/edit?html,css,js,output

Kind Regards,

Mike

colin

This thread should help, it's asking the same thing. It's fixed, but not released (hoping to do so within a month) - so here's your test case with the nightly builds which does contain the fix.

Cheers,

Colin