Blazor 8 frozen 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???