Implementing custom search in datatables.net with angular 4

Question

I'm trying to implement a simple custom search on a column. This is well documented at https://datatables.net/examples/plug-ins/range_filtering.html. However my (so far) only problem is accessing the $.fn.dataTable.ext.search array, to add and later remove my custom search function.

What is the path for this array, when going through angular-datatables?

Thanks in advance for your help.

 this.datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {

      dtInstance. <-- what goes here?
 });

$.fn.dataTable.ext.search is a "global" list not specific to tables or dataTable instances. You should be able to use it right away (ad4 use $ internally). Perhaps you have forgotten to declare the $ alias but jQuery.fn.dataTable.ext.search.push() etc should work anywhere. — davidkonrad
– davidkonrad, Commented Oct 17, 2017 at 12:03
It claims that dataTable doesn't exist. Then when I change that to DataTable, it claims that ext doesn't exist. — Michael Sørensen
– Michael Sørensen, Commented Oct 19, 2017 at 12:37
It is almost waste of reps. Please show your code, and please elaborate more than "what goes here?" — davidkonrad
– davidkonrad, Commented Oct 23, 2017 at 8:55

Michael Sørensen · Accepted Answer · 2017-10-25 12:34:44Z

3

Was solved by the developer at https://github.com/l-lin/angular-datatables/issues/1111

It was because the typings were not complete, when using typescript in angular. Correct reference is $.fn['dataTable'].ext.search

answered Oct 25, 2017 at 12:34

Michael Sørensen

4851 gold badge4 silver badges16 bronze badges

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

1 Comment

Ahmed E. Eldeeb Over a year ago

can you provide a full code example for this with angular?

Collectives™ on Stack Overflow

Implementing custom search in datatables.net with angular 4

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related