Error-dialog scrolls wide grid table to the middle

Hello, When I have a wide data grid and the error popup dialog is displayed (like No Record Selected), then the grid is scrolled horizontally to the middle. I prepared a sample with wide columns so there is a horizontal scrollbar present. When the user presses [Delete] without selecting any rows, then the grid scrolls with a whole screen contents. What could I do to disable such scrolling?


Attachment: BlazorTestErrPopup_1b4aea9f.rar

3 Replies

PS Prathap Senthil Syncfusion Team April 13, 2023 01:40 PM UTC

Hi Andrzej,          


Based on your concern, it appears that the error popup dialog is causing the grid to scroll with the whole screen contents when the user presses [Delete] without selecting any rows in a wide data grid. We would like to inform you that the dialog box is designed to appear at the center of the grid by default. However, to avoid the grid from scrolling with the whole screen contents when the dialog is shown, you can use the "Width" property of the Grid based on your requirement.

Please refer to the attached code snippet for an example:


<SfGrid

    DataSource="@Orders" AllowFiltering="true" AllowPaging="true" Width="1000"  Height="315" AllowResizing="true" Toolbar="@(new string[] {"Delete" })">

    <GridEditSettings AllowDeleting="true" />

</SfGrid>

 


Regards,

Prathap S



AN Andrzej April 13, 2023 02:30 PM UTC

Thanks for the suggestion, it works.



PS Prathap Senthil Syncfusion Team April 14, 2023 06:37 AM UTC

Thank you for letting us know that the provided solution was helpful. We are glad to hear that it has been resolved. We will now close this thread.

Please get back to us if you have any further queries.



Loader.
Up arrow icon