How to make radzen data grid auto scroll if I increase number of columns

Radzen Studio Blazor Server
1

I work on blazor server side I user radzen data grid . I need to allow auto scroll if i increase number of

columns so How to do that please

so if i have 5 column per radzen data grid and increase these columns to 20 columns then i expect to

autoscroll display but this not happen

so How to make thatj please ?

      <RadzenDataGrid   AllowColumnResize="true"  ShowPagingSummary="true" AllowColumnPicking="true" AllowPaging="true"   PageSize=@pageSize FilterMode="FilterMode.Simple" PageSizeOptions="@PagingOptions" AllowFiltering="true" ApplyFilterText="true" FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive" AllowSorting="true"
                                                data="@AllApplicationsList"
                                              
                                                TItem="ApplicationValuesDto">
                                        <Columns>
                                            
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="applicationName" Title="Application Name" Visible="true" Filterable="true" ></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="section" Title="Section" Visible="true" Filterable="true"></RadzenDataGridColumn>
                                       
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="typeOfApplication" Title="Type Of Application" Visible="true"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="accessType" Title="Access Type" Visible="true"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="criticality" Title="Severity" Visible="true"></RadzenDataGridColumn>
                                            


                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="drRequired" Title="DR Required" Visible="true"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="applicationStatus" Title="application Status" Visible="true"></RadzenDataGridColumn>
                                            
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="dataBase" Title="DataBaseList" Visible="true"></RadzenDataGridColumn>
                                           
                                            

                                            
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="serverName" Title="Application Server" Visible="true"></RadzenDataGridColumn>


                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="sourceCodeManagment" Title="Source Control" Visible="false"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="applicationURL" Title="Application URL" Visible="false"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="portNo" Title="Port No" Visible="false"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="deployedPath" Title="Deployed Path" Visible="false" Width="auto"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="bssvDependancy" Title="bssv Dependancy" Visible="false"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="jdeDependancy" Title="jde Dependancy" Visible="false"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="dbDependancySQLMagentoetc" Title="dbDependancySQLMagentoetc" Visible="false"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="applicationServerDependancy" Title="Application Server Dependancy" Visible="false"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="f5URLRequired" Title="f5URLRequired" Visible="false"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="mainDevelopeTool" Title="Main Develope Tool" Visible="false"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="mainDevelopeFramework" Title="Main Develope Framework" Visible="false"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="ownerType" Title="Owner Type" Visible="true"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="bussinessOwnerType" Title="Bussiness Owner Type" Visible="true"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="ownerFileNo" Title="Owner File No" Visible="false"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="bussinesOwnerFileNo" Title="Bussines Owner FileNo" Visible="false"></RadzenDataGridColumn>
                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Property="applicationLastUpdated" Title="Application Last Updated" Visible="false"></RadzenDataGridColumn>

                                            <RadzenDataGridColumn TItem="ApplicationValuesDto" Title="Edit" Pickable="false">
                                                <Template Context="d">
                                                    <button type="button" @onclick="(()=> NavigateToEditApplication(d.applicationId.ToString()))">



                                                        <img src="../assets/img/imageresize.png" />

                                                    </button>
                                                </Template>

                                            </RadzenDataGridColumn>
                                                
                                           
                                         
                                          
                                            




                                        </Columns>
                                    </RadzenDataGrid>
2

To enable horizontal scrolling you need to either set ColumnWidth or the Width of every column. Here is a live demo showing ColumnWidth: Blazor DataGrid column resizing

3

I work on blazor server side I user radzen data grid . I need to allow auto scroll if i increase number of

columns so How to do that please

4

My answer is valid for Blazor server-side as well.