Jquery inside a angular2 Typescript not working

Question

Hi Im using jquery inside angular 4 typescript . I tried with below two events to make table header fixed. But its not working.

 ngOnInit(): void {
    $(document).ready(function() {
        $("#table").tableHeadFixer({"head" : false, "left" : 1}); 
    });

}

 ngAfterViewInit() {
    $(document).ready(function() {
        $("#table").tableHeadFixer({"head" : false, "left" : 1}); 
    });
 }

After rendered table, if i go to browser console execute below command

$("#table").tableHeadFixer({"head" : false, "left" : 1});

table header is get freezes now.

Please help on this.

First of all ?why are you using jquery. Never do it. what is that you are trying to do? — Aravind
– Aravind, Commented May 11, 2017 at 13:42
I want to make header and first row to be fixed. Is there any option to achieve this functionality? — Prabhu
– Prabhu, Commented May 11, 2017 at 13:45

Eeks33 · Accepted Answer · 2017-05-11 13:55:23Z

1

Don't use jquery inside angular like that. If you need a good table library there are plenty of good choices designed for angular2-4:

ngx-datatable - https://swimlane.github.io/ngx-datatable/
ng2-table - https://github.com/valor-software/ng2-table
wijmo - http://wijmo.com/angular2/
ag-Grid - https://www.ag-grid.com/

answered May 11, 2017 at 13:55

Eeks33

2,3001 gold badge16 silver badges17 bronze badges

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

1 Comment

Aravind Over a year ago

this must be a comment

Collectives™ on Stack Overflow

Jquery inside a angular2 Typescript not working

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related