Delay in grid header column horizontal scroll

[Jishnu V]

I am attaching the issue screen record.

Attachment: Delay_in_Grid_scroll_7e2c45ee.zip

[Jishnu Vijayakumar]

Hello Team,

I'm using ejs-grid structure to generate the table structure. The data I have to populate into the table is much higher than the total width. So the table is overflowing, and the scroll option appears as expected.

But while I'm scrolling the table horizontally there is a slight delay in the header column with respect to the table data columns movement.

Please help me to rectify the issue.

Thanks and Regards,

Jishnu

[Rajapandiyan Settu]

Hi Jishnu,

Thanks for contacting Syncfusion support.

In order to assist you further with your query, could you please provide the following details:

1. The complete Grid code files, including the app.component.html and app.component.ts, as well as the package.json file.
2. A list of the features you have used in the Grid.
3. A video demonstration of the issue you are experiencing.
4. The amount of data and number of columns bound to the Grid.
5. If possible, a reproducible sample of the issue would be greatly appreciated and would help us assist you more efficiently.

Regards,

Rajapandiyan S

[Jishnu Vijayakumar]

Hello Rajapandiyan,

Thank you for your response

Here I'm attaching the link of the code where you can replicate the similar issue.

Nb: Please closely watch the header movement while you horizontally scroll the table. 

Please help to rectify this issue ASAP.

https://stackblitz.com/edit/angular-4mbox2-aj3tkx?file=app.component.css

Regards,

Jishnu

[Rajapandiyan Settu]

Hi Jishnu,

In EJ2 Grid, we have used two table approach so when you scroll the content we manually changed the scroll position of headers part. But you are facing some delay in Grid headers while scrolling the content. We have confirmed that the reported behavior is an issue from our side and logged it as a usability feature - “Improve the scrolling functionality in Grid headers”. Thank you for taking the time to report this issue and helping us improve our product. At Syncfusion, we are committed to fixing all validated defects (subject to technical feasibility and Product Development Life Cycle ).

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/40653/improve-the-scrolling-functionality-in-grid-headers

Regards, 

Rajapandiyan S 

[Jishnu Vijayakumar]

Hello Team,

Thank you for this assistance. Could you please help me with your next patch release date?

Please release it as earliest.

Thanks and Regards,

Jishnu

[Rajapandiyan Settu]

Hi Jishnu,

We considered the reported issue a usability feature ("Improve the scrolling functionality in Grid headers") and will include the defect fix in our Volume 1 SP Release, which is expected to be rolled out in the month of May 2023.

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/40653/improve-the-scrolling-functionality-in-grid-headers

Regards, 

Rajapandiyan S

[Jishnu Vijayakumar]

Hello,

Thank you for the response.

Waiting for your release.

Thanks and Regards,

Jishnu

[Harini Kannan]

Hi Jishnu,

We are glad to announce that our Essential Javascript2 patch release (v21.2.3) has been rolled out successfully and in that release, we have added the fix of “Performance degradation on infinite scrolling with column templates has been fixed" issue. So, please update your Syncfusion packages to the current version and use the latest styles to get this.

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

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

Regards,

Harini K

[Jishnu Vijayakumar]

Hello Harini Kannan,

Thank you for this update.

I have currently been using version 19 of Syncfusion in my application. I attempted to update it to version 21.2.3; however, I encountered a license-related issue with this version. What steps should I take to address this, and it’s should not impact other environments also (dev, test, production)?

Getting this message on top of the application 
" This application was built using a trial version of Syncfusion Essential Studio. To remove the license validation message permanently, a valid license key must be included. "

[Pavithra Subramaniyam]

Hi Jishnu,

We have introduced license key validation for Essential JS2 platforms from the 2022 Volume 1 release. This licensing key validation will enforce the developer to register the valid licensing key in an application while referring to any of the latest JavaScript packages, either from NPM or CDN or build. The below article describes the information about licensing, please refer to the below documentation for more information.

Documentation: https://ej2.syncfusion.com/angular/documentation/licensing/overview#syncfusion-licensing-overview

License keys can be generated from the License & Downloads or Trial & Downloads section of the Syncfusion website. Please refer to the below documentation for more information.

Documentation: https://ej2.syncfusion.com/angular/documentation/licensing/license-key-generation

                                https://ej2.syncfusion.com/angular/documentation/licensing/license-key-registration

Licensing error popup is displayed with various messages under different circumstances. Please refer to the below documentation to resolve different issues.

Documentation: https://ej2.syncfusion.com/angular/documentation/licensing/licensing-errors

Regards,

Pavithra S

[Jishnu Vijayakumar]

Hello Team,

I wanted to inform you that this bug still persists in the latest version. It is causing significant disruptions in our operations. Please prioritize its resolution.

I updated my syncfusion all packages to 21.2.3. ​But it is not worked well.

For reference here I'm adding the stackblitz URL where you can find the replica of the bug.

https://stackblitz.com/edit/angular-4mbox2-aj3tkx?file=package.json

Thanks and Regards,

Jishnu

[Pavithra Subramaniyam]

Hi Jishnu,

In your sample, there is no license key registered in the main.ts file which is essential to remove the license validation message. So, could you please ensure to follow the steps in the provided documentation link to generate and register the license key to resolve the reported behavior?

https://ej2.syncfusion.com/angular/documentation/licensing/license-key-generation

import { registerLicense } from '@syncfusion/ej2-base';

 

// Registering Syncfusion license key

registerLicense('License Key');

 

Sample: https://stackblitz.com/edit/angular-4mbox2-5an4qd?file=main.ts

Regards,

Pavithra S

[Jishnu Vijayakumar]

Hello Pavithra Subramaniyam,

With all due respect, I want to bring your attention to the horizontal movement in the example. There seems to be a slight delay between the movement of the table header and the table data.

Therefore, I would like to inform you that the issue you previously addressed still persists. I kindly request you to prioritize this matter and provide a response.

Here is the link to the example: https://stackblitz.com/edit/angular-4mbox2-5an4qd?file=main.ts

Thank you and regards,

Jishnu

[Harini Kannan]

Hi Jishnu,

Query: Delay in grid header column horizontal scroll

As you have mentioned that slight delay between the movement of the table header and the table data. We couldn't recognize the issue that you have addressed. We have provided the video for your reference.

Can you please provide the following information to provide better solution

1. Step by step procedure to replicate the issue.
2. Video demonstration

Regards,

Harini K

Attachment: column_header_e0e9e18a.zip