Ngx-datatable: Pagination icons are missed on a brand new setup

Created on 13 Dec 2016  路  3Comments  路  Source: swimlane/ngx-datatable

Grabbed latest release and installed. Added two css references to datatable and material css. Run successfully, but the bottom pagination icons are missed. Neither left or right, nor back to beginning or to end. What am I missing?

Question

Most helpful comment

You need to specify them yourself. This can be done with e.g. [cssClasses]="iconsCss" Attribute in the template and
iconsCss = { sortAscending: 'glyphicon glyphicon-chevron-down', sortDescending: 'glyphicon glyphicon-chevron-up', pagerLeftArrow: 'glyphicon glyphicon-chevron-left', pagerRightArrow: 'glyphicon glyphicon-chevron-right', pagerPrevious: 'glyphicon glyphicon-backward', pagerNext: 'glyphicon glyphicon-forward' };
in your code (this is an example if your using bootstrap).

All 3 comments

You need to specify them yourself. This can be done with e.g. [cssClasses]="iconsCss" Attribute in the template and
iconsCss = { sortAscending: 'glyphicon glyphicon-chevron-down', sortDescending: 'glyphicon glyphicon-chevron-up', pagerLeftArrow: 'glyphicon glyphicon-chevron-left', pagerRightArrow: 'glyphicon glyphicon-chevron-right', pagerPrevious: 'glyphicon glyphicon-backward', pagerNext: 'glyphicon glyphicon-forward' };
in your code (this is an example if your using bootstrap).

Thank you!

@Thoma5 [cssClasses]="iconCss" must updated to [cssClasses]="iconsCss"

Was this page helpful?
0 / 5 - 0 ratings

Related issues

iget-esoares picture iget-esoares  路  3Comments

Matthi0uw picture Matthi0uw  路  3Comments

mmrath picture mmrath  路  3Comments

DethAriel picture DethAriel  路  3Comments

alceucardoso picture alceucardoso  路  3Comments