Фильтрация столбцов в Datatables с использованием Angular 7

Question

Я пытаюсь реализовать Datatables в моем угловом проекте, где данные, извлеченные из WebAPI, отображаются и отображаются в datatables.

Я хотел бы реализовать фильтрацию столбцов.Я прошел по этой ссылке, чтобы узнать, но здесь код написан на Javascript Фильтр столбцов .Есть ли способ, которым я могу внедрить вышеуказанный код в моем угловом проекте?Я новичок в angular, поэтому не могу понять, куда добавить код.

Вот функция, которая запускает мои Datatables

loadProjects(){
this.projectService.getProject().subscribe(
    productData => {
      this.projects = productData;
      this.dataTable = $(this.Table.nativeElement);
      setTimeout(()=>{this.dataTable.DataTable();}, 50);
    }
);

}

Я прошел эта статья но она показывает только, как включить или отключить функцию.Как я могу добавить функции datatable в моем проекте Angular 7?

Как добавить этот фрагмент кода в мой Angular Project?

$(document).ready(function() {
// Setup - add a text input to each footer cell
$('#example thead tr').clone(true).appendTo( '#example thead' );
$('#example thead tr:eq(1) th').each( function (i) {
    var title = $(this).text();
    $(this).html( '<input type="text" placeholder="Search '+title+'" />' );

    $( 'input', this ).on( 'keyup change', function () {
        if ( table.column(i).search() !== this.value ) {
            table
                .column(i)
                .search( this.value )
                .draw();
        }
    } );
} );

var table = $('#example').DataTable( {
    orderCellsTop: true,
    fixedHeader: true
} );

});