You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Link to minimal reproduction or a simple code snippet
I am experiencing an issue with the Blazorise DataGrid when using virtualization. The problem manifests as inconsistent row heights during the scrolling and data loading process. Specifically, when the rows are initially loaded, they have a different height (54px) compared to their intended final height (70px). This behavior causes the grid to appear unstable and results in a jarring user experience as the height of the rows changes dynamically while scrolling.
Steps to reproduce
Implement a Blazorise DataGrid with virtualization enabled.
Set a fixed height for the rows (e.g., 70px).
Scroll through the grid to trigger data loading.
Observe that during the loading process, the row heights temporarily shrink to 54px before expanding to their correct height of 70px once the data is fully loaded.
What is expected?
Rows should maintain a consistent height throughout the entire scrolling and data loading process, regardless of whether the content is fully loaded or still loading.
What is actually happening?
The rows shrink to 54px while loading and only expand to the correct height of 70px after the content has been fully loaded. This causes a noticeable "jump" in the row heights, leading to an inconsistent and visually disruptive scrolling experience.
What browsers do you see the problem on?
Chrome
Any additional comments?
No response
The text was updated successfully, but these errors were encountered:
Blazorise Version
1.5.2
What Blazorise provider are you running on?
Bootstrap5
Link to minimal reproduction or a simple code snippet
I am experiencing an issue with the Blazorise DataGrid when using virtualization. The problem manifests as inconsistent row heights during the scrolling and data loading process. Specifically, when the rows are initially loaded, they have a different height (54px) compared to their intended final height (70px). This behavior causes the grid to appear unstable and results in a jarring user experience as the height of the rows changes dynamically while scrolling.
Steps to reproduce
Implement a Blazorise DataGrid with virtualization enabled.
Set a fixed height for the rows (e.g., 70px).
Scroll through the grid to trigger data loading.
Observe that during the loading process, the row heights temporarily shrink to 54px before expanding to their correct height of 70px once the data is fully loaded.
What is expected?
Rows should maintain a consistent height throughout the entire scrolling and data loading process, regardless of whether the content is fully loaded or still loading.
What is actually happening?
The rows shrink to 54px while loading and only expand to the correct height of 70px after the content has been fully loaded. This causes a noticeable "jump" in the row heights, leading to an inconsistent and visually disruptive scrolling experience.
What browsers do you see the problem on?
Chrome
Any additional comments?
No response
The text was updated successfully, but these errors were encountered: