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

pdfarhad picture pdfarhad  路  40Comments

rannaot picture rannaot  路  30Comments

tomzi8 picture tomzi8  路  31Comments

tplk picture tplk  路  30Comments

achimha picture achimha  路  34Comments