I try to follow the demo example
I put exact setting but the datagride not froze the column
I try to follow the demo example
I put exact setting but the datagride not froze the column
Make sure you are using latest version of Radzen.Blazor.
I use Radzen Blazor V 4.23
You can check our forum FAQ also for more info on how to improve this post - add code example reproducing the problem, screenshot, etc.
sorry I am new user and can not post more
I will try in New Post
here is my code
<RadzenDataGridApp @ref="rowIndex" class="mb-5"
AllowColumnResize="true"
Count="@count"
ColumnWidth="300px"
Data="@userList"
Filter="@(args => ResetIndex(true))"
IsLoading=@isLoading
LoadData="@LoadData"
Page="@(args => ResetIndex(true))"
PageSizeOptions="@pageSizeOptions"
PageSizeChanged="@(args => ResetIndex(true))"
PagerHorizontalAlign="HorizontalAlign.Center"
PagingSummaryFormat="@pagingSummaryFormat"
Sort="@(args => ResetIndex(true))"
style="height:650px; width: calc(100vw - 80px);"
TItem="ApplicationUser">
<HeaderTemplate>
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.H3">بحث شامل في كل الأعمدة</RadzenText>
<RadzenTextBox @oninput=@(args => OnChange(args?.Value?.ToString() ?? "")) Placeholder="بحث ذكي في كل الكلمات" @bind-Value="searchTextBoxValue" class="w-100" />
</HeaderTemplate>
<Columns>
<RadzenDataGridColumn Width="50px" TItem="ApplicationUser" Title="#" Frozen="true" Filterable="false" Sortable="false" TextAlign="TextAlign.Center">
<Template Context="user">
@{
if (index >= rowIndex!.PageSize || rowIndex.CurrentPage * rowIndex.PageSize + index >= count)
{ index = 0; }
}
@((rowIndex.CurrentPage * rowIndex.PageSize) + index++ + 1)
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="ApplicationUser" Property="People.PeopleName" Title="إسم العضو" Frozen="true" TextAlign="TextAlign.Center" SortOrder="SortOrder.Ascending" Width="150px">
<Template Context="data">
@if (data.People != null && data.People?.PeopleName != null)
{
<div class="w-100 rz-text-align-right">@data.People.PeopleName</div>
}
else
{
<div class="w-100 rz-text-align-right">غير معروف</div>
}
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="ApplicationUser" Property="Email" Title="E-Mail" TextAlign="TextAlign.Center" Width="150px">
<Template Context="user">
<div class="w-100 rz-text-align-right">@user.Email</div>
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="ApplicationUser" Property="PhoneNumber" Title="رقم الهاتف" Visible="false" TextAlign="TextAlign.Center" Width="150px" />
<RadzenDataGridColumn TItem="ApplicationUser" Property="EmailConfirmed" Title="تأكيد الإيميل" TextAlign="TextAlign.Center" Width="150px">
<Template Context="data">
@if (data.EmailConfirmed == false)
{
<RadzenIcon Icon="highlight_off" IconColor="@Colors.DangerDark" />
}
else
{
<RadzenIcon Icon="check_circle" IconColor="@Colors.SuccessDark"/>
}
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="ApplicationUser" Property="AccountOpened" Title="الحساب مفتوح" TextAlign="TextAlign.Center" FormatString="{0:d}" Width="150px">
<Template Context="data">
@if (data.AccountOpened == false)
{
<RadzenIcon Icon="highlight_off" IconColor="@Colors.DangerDark" />
}
else
{
<RadzenIcon Icon="check_circle" IconColor="@Colors.SuccessDark" />
}
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="ApplicationUser" Property="Roles" Title="المناصب" TextAlign="TextAlign.Center" FormatString="{0:d}" Width="150px">
<Template Context="role">
@{
if (role != null && role.Roles != null) { RoleIdArray = role.Roles.Split(','); }
foreach (string roleItem in RoleIdArray)
{
int roleId = Convert.ToInt32(roleItem);
var roleFromDb = db.RoleList.Find(roleId);
if (roleFromDb != null)
{
<div class="w-100 rz-text-align-right">
<RadzenIcon Icon="grade" IconColor="@Colors.DangerDark" />
<span>@roleFromDb.RoleName</span>
<br />
</div>
}
}
}
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="ApplicationUser" Property="EntryDate" Title="تاريخ إضافة العضو" Visible="false" TextAlign="TextAlign.Center" FormatString="{0:d}" Width="150px" />
<RadzenDataGridColumn TItem="ApplicationUser" Title="التحكم" Filterable="false" Sortable="false" TextAlign="TextAlign.Center" Width="110px">
<Template Context="currentUser">
@if (userCanAccessManageUserRoles)
{ <RadzenButton Icon="edit" ButtonStyle="ButtonStyle.Light" Variant="Variant.Flat" Size="ButtonSize.Medium" Click="@(args => EditRow(currentUser.Id))" @onclick:stopPropagation="true"></RadzenButton> }
@if (userCanAccessDeleteUser)
{ <RadzenButton ButtonStyle="ButtonStyle.Danger" Icon="delete" Variant="Variant.Flat" Shade="Shade.Lighter" Size="ButtonSize.Medium" class="my-1 ms-1" Click="@(args => DeleteRow(currentUser))" @onclick:stopPropagation="true"></RadzenButton> }
</Template>
</RadzenDataGridColumn>
</Columns>
</RadzenDataGridApp>
Please any body have the solution???