Custom filter in datatable with search button in jquery

Question

I'm using datatables plugin and i would like add custom search button (Go) to filter the grid which is populated by datatable.When User clicks go button selecting drug and organisation results should be filter

 $(document).ready(function() {
    $('#example').dataTable();
} );

Mohit Tanwani · Accepted Answer · 2016-09-27 07:14:01Z

2

It seems that you want to add multiple custom drop-down filters.

you can do it in this way.

//Call datatable
var table = table =  $('#tableId').DataTable({});

//Call on change event of dropdown and same thing can be done on Go button click
$('#drugDropdownId').on('change', function () {
    //Column number can be changed as per your need
    table.columns(2).search(this.value).draw();
});

Please check for DataTable Search

FYI, please make sure that you're using proper and supported methods of your data-table version.

edited Sep 27, 2016 at 7:14

answered Sep 27, 2016 at 7:07

Mohit Tanwani

6,6382 gold badges16 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Custom filter in datatable with search button in jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related