Styling for jqxGrid in Angular2

[babydragonParticipant]

Hi,

I need help on applying the styling on <jqxGrid> tag using Angular2. Since Angular2 creates the grid as an additional grid component, any styling from parent DOM doesn’t apply to it.

I even tried creating the grid using traditional method $(element).jqxGrid(…). However, I think the grid is not part of Angular DOM; thus, the styling doesn’t apply there unless I put the style sheet at index.html (root level), but it would destroy the purpose of having multiple styling for multiple grids.

Please advise what I should do.

Thanks

[babydragonParticipant]

Found the answer Please close

[Peter StoevKeymaster]

Hi babydragon,

You may share the answer for the benefit of other forum users, if you wish.

Regards,
Peter

[babydragonParticipant]

Sure Peter.

I’m using /deep/ selector which will pass down all the styling through all the children

Reference: https://angular.io/docs/ts/latest/guide/component-styles.html

Hope it helps

[Author]

Posts