Hi good people,
I have a strange problem, and really easy to understand….
Horizontal scrollbars in a DataGrid is not shown altough it is necessary.
I have the feeling that this is not a bug, but a normal behaivoud, as the DataGrid is inside a RadzenStack and this is inside a SplitterPanel. So I have the feeling that the grid is taking the whole width of the Splitterpannel altough this is partially shown and this is why I have no scrollbar.
Here is what I tested and it worked:
@using RadzenBlazorDemos.Data
@using RadzenBlazorDemos.Models.Northwind
@using Microsoft.EntityFrameworkCore
@inherits DbContextPage
<RadzenSplitter Orientation="Orientation.Horizontal" style="height: 400px; border: 1px solid rgba(0,0,0,.08);">
<RadzenSplitterPane Size="500px">
<RadzenStackPanel>
<RadzenDataGrid style="width:100%;height:100%" AllowFiltering="true" AllowColumnResize="true" AllowAlternatingRows="false" FilterMode="FilterMode.Advanced" AllowSorting="true" PageSize="5" AllowPaging="true" PagerHorizontalAlign="HorizontalAlign.Left" ShowPagingSummary="true"
Data="@employees" ColumnWidth="300px" LogicalFilterOperator="LogicalFilterOperator.Or" SelectionMode="DataGridSelectionMode.Single" @bind-Value=@selectedEmployees>
<Columns>
<RadzenDataGridColumn Property="@nameof(Employee.EmployeeID)" Filterable="false" Title="ID" Frozen="true" Width="80px" TextAlign="TextAlign.Center" />
<RadzenDataGridColumn Title="Photo" Frozen="true" Sortable="false" Filterable="false" Width="80px" TextAlign="TextAlign.Center" >
<Template Context="data">
<RadzenImage Path="@data.Photo" class="rz-gravatar" AlternateText="@(data.FirstName + " " + data.LastName)" />
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn Property="@nameof(Employee.FirstName)" Title="First Name" Frozen="true" Width="160px" />
<RadzenDataGridColumn Property="@nameof(Employee.LastName)" Title="Last Name" Width="160px"/>
<RadzenDataGridColumn Property="@nameof(Employee.Title)" Title="Job Title" Width="200px" />
<RadzenDataGridColumn Property="@nameof(Employee.TitleOfCourtesy)" Title="Title" Width="120px" />
<RadzenDataGridColumn Property="@nameof(Employee.BirthDate)" Title="Birth Date" FormatString="{0:d}" Width="160px" />
<RadzenDataGridColumn Property="@nameof(Employee.HireDate)" Title="Hire Date" FormatString="{0:d}" Width="160px" />
<RadzenDataGridColumn Property="@nameof(Employee.Address)" Title="Address" Width="200px" />
<RadzenDataGridColumn Property="@nameof(Employee.City)" Title="City" Width="160px" />
<RadzenDataGridColumn Property="@nameof(Employee.Region)" Title="Region" Width="160px" />
<RadzenDataGridColumn Property="@nameof(Employee.PostalCode)" Title="Postal Code" Width="160px" />
<RadzenDataGridColumn Property="@nameof(Employee.Country)" Title="Country" Width="160px" />
<RadzenDataGridColumn Property="@nameof(Employee.HomePhone)" Title="Home Phone" Width="160px" />
<RadzenDataGridColumn Property="@nameof(Employee.Extension)" Title="Extension" Width="160px" />
<RadzenDataGridColumn Property="@nameof(Employee.Notes)" Title="Notes" Width="300px" />
</Columns>
</RadzenDataGrid>
</RadzenStackPanel>
</RadzenSplitterPane>
<RadzenSplitterPane Size="200px">
<RadzenStackPanel>
Empty
</RadzenStackPanel>
</RadzenSplitterPane>
</RadzenSplitter>
@code {
IQueryable<Employee> employees;
IList<Employee> selectedEmployees;
protected override async Task OnInitializedAsync()
{
await base.OnInitializedAsync();
employees = dbContext.Employees;
selectedEmployees = new List<Employee>(){ employees.FirstOrDefault() };
}
}
Thnks for the quick answer. I have a look, and I can say that I can not see anything “different” from what I have. Will try your example, and go one by one removing/adding what u have nad I don´t. Let u know. Thnks.
