Grid enableStickyHeader throws error with react-i18next (translations)

[Laurin S]

Hi,

I am using react-i18next for translations, however, when I'm setting enableStickyHeader=true for my GridComponent, it gives me always the following error:

I've attached an example, that shows the error:

Stackblitz: https://stackblitz.com/edit/react-1eafwe?file=app.js

or attached zip-file (see app.js file).

Any ideas? Thanks in advance...

Attachment: react1eafwe_86d50a70.zip

[Pavithra Subramaniyam]

Hi Laurin, 

 

We could see that the reported error occurs only when rendering Grid with “react-i18next”. Currently we are validating this scenario in our source, and we will update details on January 25^th, 2021. Until then we suggest you to set the “enableStickyHeader” property inside the “created” event of Grid component as given below 

 

 <GridComponent 

          dataSource={data} 

          created={() => { 

            gridInst.enableStickyHeader = true; 

          }} 

        > 

 

 

Sample: https://stackblitz.com/edit/react-1eafwe-uqer3m?file=app.js 

 

Regards, 

Pavithra S 

[Joseph Christ Nithin Issack]

Hi Laurin, 

Sorry for inconvenience caused. 

We are still validating the scenario in our source, we will update the details on January 28th, 2022. We appreciate your patience until then. 

Regards, 

Joseph I. 

[Pavithra Subramaniyam]

Hi Laurin, 

Sorry for the inconvenience. 

Since we are facing some complexities with the reported scenario validation, we will update further details on Feb 2^nd, 2022. Until then we suggest to use the provided workaround to make the sticky header Grid. 

Regards, 

Pavithra S 

[Pavithra Subramaniyam]

Hi Laurin, 

 

Sorry for the delay in contact you. 

 

We have logged a defect report for the issue “Enabling sticky header with react-i18next throws script error”. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle ) and will include the defect fix in our weekly patch release scheduled to be rolled out on 16^th, February 2022. We appreciate your patience until then. 

 

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through the below link, 

 

Feedback: https://www.syncfusion.com/feedback/32508/enabling-sticky-header-with-react-i18next-throws-script-error 

 

Note: The feedback link is under review state. It will be visible once review is done. 

 

Regards, 

Pavithra S 

[Pavithra Subramaniyam]

Hi Laurin,   

Thanks for your patience.  

We are glad to announce that we have added the fix for the issue –“Enabling sticky header with react-i18next throws script error” in our patch release (v19.4.52). So please update your packages to latest version to include the fix.  

Release Notes: https://ej2.syncfusion.com/react/documentation/release-notes/19.4.52/?type=all#grid 

 

We thank you for your support and appreciate your patience in waiting for this release. Please contact us if you would require any further assistance.  

Regards,  

Pavithra S