DataTable custom filters



  • Following the documentation for the lastest release I know that is possible to implement custom filtering function for datatables by including

    :filter-method=“myFilter” on my datatable

    But when I do this Im getting the following errors (when trying to type anything in the filters field):

    vue.runtime.esm.js?2b0e:1737 TypeError: Cannot read property ‘length’ of undefined
    at VueComponent.computedData (QTable.js?eb51:97)
    at Watcher.get (vue.runtime.esm.js?2b0e:3138)
    at Watcher.evaluate (vue.runtime.esm.js?2b0e:3245)
    at VueComponent.computedGetter [as computedData] (vue.runtime.esm.js?2b0e:3503)
    at VueComponent.computedRowsNumber (QTable.js?eb51:109)
    at Watcher.get (vue.runtime.esm.js?2b0e:3138)
    at Watcher.evaluate (vue.runtime.esm.js?2b0e:3245)
    at VueComponent.computedGetter [as computedRowsNumber] (vue.runtime.esm.js?2b0e:3503)
    at VueComponent.pagesNumber (table-pagination.js?ccb8:54)
    at Watcher.get (vue.runtime.esm.js?2b0e:3138**)

    That makes me think that I have to include a rowsNumber property in my pagination settings, but I also know that according to docs the rowsNumber property should be used only for server side pagination/filtering/sorting, what is not my case.

    What’s the point?



  • Are you feeding an array of objects into the data prop?

    Scott