Hi Neo,
Query #1: Grid will reduce the size when open in high resolution screen
From your query we found that you want to render the Grid in different screen resolution in same size. To achieve this we need to provide the Grid height in percentage. Unfortunately there is a bug in using this and we have logged a defect report for “Virtualscroll is not working properly when set the Grid height as percentage” this issue. The fix for this issue will be included in our upcoming April 10, 2019 patch release.
You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.
https://www.syncfusion.com/feedback/5451
For now we have prepared the workaround to provide the Grid height in percentage. So, after using this workaround you can provide percentage value to Grid height. Please refer the below code snippet,
|
<div style="height:500px"> // provided the parent height
<ejs-grid #grid [dataSource]='data' [enableVirtualization]='true' (dataBound)="dataBound($event)" height='100%' [pageSettings]="initialPage">
...
</ejs-grid>
</div>
export class VirtualizationComponent implements OnInit {
public ngOnInit(): void {
datasource();
this.data = virtualData;
this.initialPage = { pageSize: 50 };
}
dataBound(args) {
let isInitialRender = true;
if (isInitialRender) {
isInitialRender = false;
(this.grid.contentModule as any).virtualEle.adjustTable(0, 0);
}
}
} |
Note: We must need to provide height for the Grid parent when we provide the Grid height in percentage. Also, we must need to provide the pageSettings to Grid while using this workaround.
Query #2: Second one is when scrolling vertically, there is some lagging on it
From your code we found that you have used queryCellInfo event to render the tooltip in Grid cell. We suspect that this queryCellInfo action maybe caused this issue. Because, this event will trigger for each and every Grid content cell on the cell rendering time. So please ensure this issue after removing the queryCellInfo event from Grid. Also, If you want to show the tooltip in Grid cell then we suggest to use Grid cell clipMode property to achieve this requirement instead of using queryCellInfo event.
Still if you are facing the same issue, please share the following details for further assistance,
1) Share the screen resolution and approximate rows and columns count in grid.
2) Share the queryCellInfo event code.
3) Syncfusion package version.
4) If possible try to reproduce the reported issue in our demo and send back to use. This will help us to provide the solution as early as possible.
Regards,
Madhu Sudhanan P
