CSS not working as expected

[eric]

Using a Grid I have most functionality were looking for working. Visually the CSS does not appear to be working as expected for the paging or filtering features.



The component does have all the Grid CSS included in the documentation. You can visually tell some CSS is being applied correctly, just not all CSS is being applied correctly.

@import '../../../../../../node_modules/@syncfusion/ej2-base/styles/material.css';  

@import '../../../../../../node_modules/@syncfusion/ej2-buttons/styles/material.css';  

@import '../../../../../../node_modules/@syncfusion/ej2-calendars/styles/material.css';  

@import '../../../../../../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';  

@import '../../../../../../node_modules/@syncfusion/ej2-inputs/styles/material.css';  

@import '../../../../../../node_modules/@syncfusion/ej2-navigations/styles/material.css';

@import '../../../../../../node_modules/@syncfusion/ej2-popups/styles/material.css';

@import '../../../../../../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';

@import '../../../../../../node_modules/@syncfusion/ej2-notifications/styles/material.css';

@import '../../../../../../node_modules/@syncfusion/ej2-angular-grids/styles/material.css';

[Rajapandiyan Settu]

Hi Eric,

Thanks for contacting Syncfusion support.

We are unable to reproduce the reported problem from our side. The Grid pager and Filter Dialog are shown properly in the UI. please find the attached sample for your reference.

Kindly share the issue reproducible sample or try to replicate the issue in given sample.

Regards,

Rajapandiyan S

Attachment: angular_grid_pager_filter_excel_efedbc92.zip

[eric]

I solved this issue by using src/app.css to store the syncfusion grid CSS instead of using the components CSS to store the  syncfusion grid CSS.

[Rajapandiyan Settu]

Eric,

We are glad to hear that you have resolved the reported problem. Please define the Syncfusion CSS in the root CSS folder (src/app.css) to apply the styles and get back to us if you need further assistance.

Regards,

Rajapandiyan S