Previous and next arrows icon missed

[Anton Koval]

Hello,

Styles are missed in my grid component for arrows in pagination component.

I've already imported next packages in my project:

@import "@syncfusion/ej2-base/styles/material.css";
@import "@syncfusion/ej2-base/styles/bootstrap.css";
@import "@syncfusion/ej2-react-navigations/styles/material.css";
@import "@syncfusion/ej2-react-navigations/styles/bootstrap.css";
@import "@syncfusion/ej2-react-grids/styles/material.css";
@import "@syncfusion/ej2-react-grids/styles/bootstrap.css";
@import "@syncfusion/ej2-buttons/styles/material.css";
@import "@syncfusion/ej2-inputs/styles/material.css";
@import "@syncfusion/ej2-popups/styles/material.css";
@import "@syncfusion/ej2-react-calendars/styles/material.css";

[Johnson Soundararajan S]

Hi Anton Koval,

Greetings from the Syncfusion support,

Based on your query, it appears that the pagination arrow styles are not being applied correctly in the grid component. We have made an attempt to create a sample for you. On our end, the pagination style is functioning correctly.

Please ensure that the CSS file is imported correctly. The documentation link for adding a CSS reference in the grid component will be shared.

Please refer to the below documentation link, sample and screenshot for more information.

Screenshot :

Sample : React_sample.zip

Documentation link : Getting started with React Grid component | Syncfusion

If this does not meet your requirements, please provide more information regarding your requirement.

Regards,

Johnson Soundararajan S

Attachment: React_sample_353e1e37.zip

[Anton Koval]

OK, I've figured out what was the problem.
I need to apply generally style font-family: 'Open Sans', 'Helvetica', sans-serif to be consistent with other components font styles.

Is there any workaround with font?

[Anton Koval]

I've found workaround already.

For .e-icons class we need to set font-family: "e-icons" once again since it's been updated by global css property.

Thank you for your support.

This ticket can be closed :-)

[Johnson Soundararajan S]

Hi Anton Koval,

We are happy to hear that you resolved the reported query.

Please get back to us if you need any other assistance.

Regards,

Johnson Soundararajan S