We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

CSS not working as expected

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';

3 Replies

RS Rajapandiyan Settu Syncfusion Team February 27, 2023 10:24 AM UTC

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.


Rajapandiyan S

Attachment: angular_grid_pager_filter_excel_efedbc92.zip

ER eric February 28, 2023 08:23 PM UTC

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.

RS Rajapandiyan Settu Syncfusion Team March 2, 2023 05:43 AM UTC


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.


Rajapandiyan S

Live Chat Icon For mobile
Up arrow icon