Query in DeferLayoutUpdate ~ Split from 187958

[Renard]

Renard

Apr 22, 2024 11:46 AM

Hi,

"When setting 'enableVirtualization' to true, after dragging the scrollbar left and right, I found that the total number on the right is not fully displayed."

[AngelinFaithSheeba PaulvannanRajadurai]

Hi Renard,

We checked the reported issue, but we are unable to reproduce it at our end. However, we would like to let you know that while virtualization is enabled with static field list, we need to pass the report information to pivot table instance via the load event of the field list. However, please refer to the code example below.

Code example:

onLoad(): void {

        this.fieldlistObj.pivotGridModule = this.pivotObj;

        //Assigning report to pivot table component

        this.pivotObj.dataSourceSettings = this.fieldlistObj.dataSourceSettings;

        //Generating page settings based on pivot table component’s size.

        this.pivotObj.updatePageSettings(true);

        //Assigning page settings to field list component.

        this.fieldlistObj.pageSettings = this.pivotObj.pageSettings;

    }

Meanwhile, we have prepared a sample for your reference.

Sample: https://stackblitz.com/edit/angular-uhdm5p-gygyga?file=src%2Fapp.component.ts,src%2Fapp.component.html

Also, please refer the below document to know more about the “Virtualization with static field list”.

UG: https://ej2.syncfusion.com/angular/documentation/pivotview/virtual-scrolling#virtual-scrolling-for-static-field-list

If the problem persists, please reproduce it in the provided sample and revert to us (or) send your runnable project that reproduces the problem. This would allow us to investigate the reported problem at our end and provide a solution as soon as possible.

Regards,

Angelin Faith Sheeba.

[Renard]

Hi

"In the following demo test, I set 'expandAll' to true. When there is only one Column, the horizontal scrollbar changes as I adjust the column width. However, after adding another Column, the horizontal scrollbar does not change when I adjust the column width, making some data invisible."

Sample: https://stackblitz.com/edit/angular-uhdm5p-gygyga?file=src%2Fapp.component.ts,src%2Fapp.component.html

[AngelinFaithSheeba PaulvannanRajadurai]

Hi Renard,

We checked the provided sample and found that you are using the pivot table with virtual scrolling. In this case, we would like to inform you that there are certain limitations to consider while using the virtual scrolling option in our pivot table. Because when there are a lot of columns and rows, the virtualization feature is used to render without loss of performance by acquiring the rowHeight and columnWidth from gridSettings for calculating the page information for scrolling. Thus, the features like column resizing, autoFit, textwrap and changing individual column width affects the pivot table’s row height and column width at runtime, which will not be considered for scroller calculation because having more rows and columns and it leads to performance constraints. Thus, it leads to UI issues while perform scrolling in the pivot table. Thus, column resizing at runtime affects the calculation used to pick the correct page on scrolling in the pivot table. Please refer the below documentation to know more about the limitations of virtual scrolling.

Document: https://ej2.syncfusion.com/angular/documentation/pivotview/virtual-scrolling

Please let us know if you have any concerns.

Regards,

Angelin Faith Sheeba