Scroller 2.0.2 doesn't work properly with Search Panes

Scroller 2.0.2 doesn't work properly with Search Panes

MadBoyEvoMadBoyEvo Posts: 119Questions: 38Answers: 0

Link to test case:

https://codepen.io/MadBoyEvo/pen/dyMNypY

If you change scrollerr to 2.0.1 it works fine

Debugger code (debug.datatables.net):
Error messages shown:

jquery-3.5.1.min.js:2 jQuery.Deferred exception: Cannot read property 'scroller' of null TypeError: Cannot read property 'scroller' of null
    at HTMLTableElement.<anonymous> (https://cdn.datatables.net/scroller/2.0.2/js/dataTables.scroller.min.js:26:93)
    at HTMLTableElement.dispatch (https://code.jquery.com/jquery-3.5.1.min.js:2:43090)
    at HTMLTableElement.v.handle (https://code.jquery.com/jquery-3.5.1.min.js:2:41074)
    at Object.trigger (https://code.jquery.com/jquery-3.5.1.min.js:2:71513)
    at HTMLTableElement.<anonymous> (https://code.jquery.com/jquery-3.5.1.min.js:2:72108)
    at Function.each (https://code.jquery.com/jquery-3.5.1.min.js:2:2976)
    at S.fn.init.each (https://code.jquery.com/jquery-3.5.1.min.js:2:1454)
    at S.fn.init.trigger (https://code.jquery.com/jquery-3.5.1.min.js:2:72084)
    at t (https://nightly.datatables.net/js/jquery.dataTables.min.js:77:155)
    at S.fn.init.za (https://nightly.datatables.net/js/jquery.dataTables.min.js:73:1) undefined
S.Deferred.exceptionHook @ jquery-3.5.1.min.js:2
jquery-3.5.1.min.js:2 Uncaught TypeError: Cannot read property 'scroller' of null
    at HTMLTableElement.<anonymous> (dataTables.scroller.min.js:26)
    at HTMLTableElement.dispatch (jquery-3.5.1.min.js:2)
    at HTMLTableElement.v.handle (jquery-3.5.1.min.js:2)
    at Object.trigger (jquery-3.5.1.min.js:2)
    at HTMLTableElement.<anonymous> (jquery-3.5.1.min.js:2)
    at Function.each (jquery-3.5.1.min.js:2)
    at S.fn.init.each (jquery-3.5.1.min.js:2)
    at S.fn.init.trigger (jquery-3.5.1.min.js:2)
    at t (jquery.dataTables.min.js:77)
    at S.fn.init.za (jquery.dataTables.min.js:73)

Description of problem:

Tried adding Search Panes and upgrading libs at the same time. Using following js

"https://nightly.datatables.net/js/jquery.dataTables.min.js"
"https://cdn.datatables.net/autofill/2.3.5/js/dataTables.autoFill.min.js"
"https://cdn.datatables.net/buttons/1.6.3/js/dataTables.buttons.min.js"
"https://cdn.datatables.net/buttons/1.6.3/js/buttons.colVis.min.js"
"https://cdn.datatables.net/buttons/1.6.3/js/buttons.html5.min.js"
"https://cdn.datatables.net/buttons/1.6.3/js/buttons.print.min.js"
"https://cdn.datatables.net/colreorder/1.5.2/js/dataTables.colReorder.min.js"
"https://cdn.datatables.net/fixedcolumns/3.3.1/js/dataTables.fixedColumns.min.js"
"https://cdn.datatables.net/fixedheader/3.1.7/js/dataTables.fixedHeader.min.js"
"https://cdn.datatables.net/keytable/2.5.2/js/dataTables.keyTable.min.js"
"https://cdn.datatables.net/responsive/2.2.5/js/dataTables.responsive.min.js"
"https://cdn.datatables.net/rowgroup/1.1.2/js/dataTables.rowGroup.min.js"
"https://cdn.datatables.net/rowreorder/1.2.7/js/dataTables.rowReorder.min.js"
"https://cdn.datatables.net/scroller/2.0.2/js/dataTables.scroller.min.js"
"https://cdn.datatables.net/searchpanes/1.1.1/js/dataTables.searchPanes.min.js"
"https://cdn.datatables.net/select/1.3.1/js/dataTables.select.min.js"
"https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"
"https://cdn.datatables.net/plug-ins/1.10.20/sorting/datetime-moment.js"

Also if you click on Search Panes button in 1st table the pane isn't displayed properly.

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 64,042Questions: 1Answers: 10,557 Site admin
    Answer ✓

    Sorry about that - it is an error in Scroller 2.0.2. If you load in the nightly it includes this fix which addresses that problem. We'll release it soon as 2.0.3.

    Allan

This discussion has been closed.