Implementing searchPane feature

Wizard123

Hi,

I have a history.vue file. In order to implement searchPane plugin from datatable I did the following:

I added the two files that are required:
//cdn.datatables.net/plug-ins/preview/searchPane/dataTables.searchPane.min.css
//cdn.datatables.net/plug-ins/preview/searchPane/dataTables.searchPane.min.js

Then at the place where DataTable is implemented
I changed the line from this.history_table = $('#history-table').DataTable(this.params.history);
to this.history_table = $('#history-table').DataTable( {data:this.params.history, searchPane:true} );

But, after this change my history table disappeared and I don't know how to proceed.

Please help.

allan

It looks like you have changed from passing this.params.history as the entire configuration object to being the data parameter, which is probably going to go wrong.

How about:

this.params.history.searchPane = true;
this.history_table = $('#history-table').DataTable(this.params.history);

Allan