enchev
commented
3 years ago Hey @Karolaka ,
Can you post a code example? Take a note also the auto column width is not supported.
Closed Karolaka closed 3 years ago
enchev
commented
3 years ago Hey @Karolaka ,
Can you post a code example? Take a note also the auto column width is not supported.
Karolaka
commented
3 years ago May I ask for opening this issue? Many thanks
I know that auto column width is not supported but is there any way to have headers and their columns content in one vertical position? Or is there any plan to add scaling and proper displaying to RadzenGrid?
Please check attached code:
<RadzenGrid AllowPaging="true"
Count="_invalidDataResult.Response.TotalItemsCount"
Data="@_invalidDataResult.Response.List"
LoadData="@OnLoadData"
PageIndex="_pageIndex"
PageSize="_pageSize"
ShowTotalItemsCount="true"
TItem="InvalidDataResponse<ITranslatedEntityBase>"
id="invalidDataRadzenGrid"
AllowColumnResize="true">
<Columns>
<RadzenGridColumn TItem="InvalidDataResponse<ITranslatedEntityBase>" CssClass="invalid-data-row-checkbox">
<HeaderTemplate>
<RadzenCheckBox Disabled=!_typeNameEnable @bind-Value="_headerCheckbox" @onclick="AllCheckboxesChanged" TValue="bool" title="Select/deselect all" Style="margin: 10px;" />
</HeaderTemplate>
<Template Context="data">
@if (!_selectedItems.ContainsKey(_pageIndex))
{
_selectedItems.Add(_pageIndex, _invalidDataResult.Response.List.ToDictionary(x => x.Id, y => y.DataStatus == InvalidDataStatus.Rejected));
}
@if (_selectedItems.ContainsKey(_pageIndex) && _selectedItems[_pageIndex].ContainsKey(data.Id))
{
<RadzenCheckBox Disabled=!_typeNameEnable @bind-Value="_selectedItems[_pageIndex][data.Id]" TValue="bool" title="Select/deselect for rejection" Style="margin: 10px;" />
}
</Template>
</RadzenGridColumn>
<RadzenGridColumn TItem="InvalidDataResponse<ITranslatedEntityBase>">
<Template Context="data">
@(_invalidDataResult.Response.List.IndexOf(data) + 1 + (_pageIndex - 1) * _pageSize)
</Template>
</RadzenGridColumn>
<RadzenGridColumn TItem="InvalidDataResponse<ITranslatedEntityBase>">
<Template Context="data">
<RadzenButton Outlined="true" Class="btn-primary mdc-button--outlined" title="Edit Single Item" Click="EditSingle" />
<RadzenButton Outlined="true" Class="btn-primary mdc-button--outlined" title="Edit Multiple Items" Click="EditMultiple" />
</Template>
</RadzenGridColumn>
@foreach (var column in _columns)
{
<RadzenGridColumn TItem="InvalidDataResponse<ITranslatedEntityBase>" Property="@column.PropertyName" Title="@column.DisplayName" CssClass="no-action-cell">
<Template Context="data">
@data.Entity.GetEnumValueDescriptionOrPropertyValue(column.PropertyName)
</Template>
</RadzenGridColumn>
}
</Columns>
</RadzenGrid>
Describe the bug While rendering Radzen Grid members, grid headers and columns sizes (width) are not related to each other. It looks like separate components. Specific header and related column content is not in the same position.
To Reproduce Steps to reproduce the behavior: 1) Declare component with binding of TItem
2) add element as nested in RadzenGrid
3) add without setting of Width fixed option nested in Columns
4) add nested in RadzenGridColumn
5) add many without setting of Width fixed option nested in Columns (for example by using foreach loop
6) add nested in RadzenGridColumn
7) run application and display prepared table
Expected behavior Expected behavior is to header and columns content be displayed in one vertical position. View should be rendered as Width = Auto setting would be set
Screenshots
Desktop: