проблема с прокруткой в ​​сетке кендо asp. net ядро

Question

Я использую сетку кендо в моем проекте asp. net core 2.2. я использую k-rtl css класс в моей сетке. но у меня проблема с пропуском !! когда я запускаю проект и нажимаю на столбцы для сортировки, это не работает! На самом деле, когда я нажимаю на столбцы (для сортировки), это не делается, и горизонтальная прокрутка прыгает! ниже GIF: мне нужна сетка кендо в моем проекте и использовать его на персидском языке (справа налево). я использую Telerik_UI_for_ ASP .NET_CORE версия 2019.3.1023. Пожалуйста, помогите мне, как мне решить эту проблему?

введите описание ссылки здесь http://s7.picofile.com/file/8385805318/Record_2020_01_21_00_00_50_490.gif

@model IEnumerable<DomainClasses.Person.Person>
@using Utilities.Convertor
@using Kendo.Mvc.UI
@{
    Layout = "_DefaultLayout2";
    ViewData["Title"] = "Index";
}

<h2>Index</h2>

<p>
    <a asp-action="Create">Create New</a>
</p>
<div class="row" style="color:#03db22">
    <div class="col-xl-12 k-rtl">
        <div id="grid">
            @{
                var maritalStatusTemplate = "# if (data.MaritalStatus==2) { # <i class='material-icons' style='color:limegreen;font-size:xx-large'>done</i> # } #";
                //var blueRayTemplate = "# if (data.BlueRay) { # <i class='fa fa-check' aria-hidden='true'></i> # } #";
            }

            @(Html.Kendo().Grid<DomainClasses.Person.Person>()
                                        .Name("grid")
                                        .Navigatable()
                                        .Sortable()
                                        .Editable()
                                        .Groupable()
                                        .Filterable()

                                    .Pageable(pg =>
                                    {
                                        pg.AlwaysVisible(true);
                                        pg.ButtonCount(5);
                                        pg.Enabled(true);
                                        pg.PageSizes(new int[] {5,10,20,30,40});
                                        pg.Refresh(true);
                                        pg.Responsive(true);
                                        pg.PreviousNext(true);
                                        pg.Numeric(true);
                                    })
                    .Scrollable(sc=>sc.Virtual(true))
                    .ToolBar(x => { x.Create(); })
                    .Columns(columns =>
                    {
                        columns.Bound(column => column.PersonType).EditorTemplateName("ClientPersonTypeEditor").Width(90);
                        columns.Bound(column => column.PersonId).Width(100);
                        columns.Bound(column => column.Name).Width(150);
                        columns.Bound(column => column.Family).Width(180);
                        columns.Bound(column => column.AliasName).Width(100);
                        columns.Bound(column => column.FatherName).Width(100);
                        columns.Bound(column => column.BirthDate).ClientTemplate("#: BirthDatePersian #").Width(110);
                        columns.Bound(column => column.BirthCertificate).Width(100);
                        columns.Bound(column => column.NationalNumber).Width(100);
                        columns.Bound(column => column.Province).Width(180);
                        columns.Bound(column => column.County).EditorTemplateName("ClientCountyEditor").Width(100);
                        columns.Bound(column => column.Village).Width(150);
                        columns.Bound(column => column.Street).Width(180);
                        columns.Bound(column => column.Madhhab).Width(100);
                        columns.Bound(column => column.MaritalStatus).ClientTemplate(maritalStatusTemplate).HtmlAttributes(new { style = "text-align: center" }).Width(100);
                        columns.Bound(column => column.NumberOfWife).Width(100);
                        columns.Bound(column => column.NumberOfBoy).Width(100);
                        columns.Bound(column => column.NumberOfGirl).Width(100);
                        columns.Bound(column => column.WNCAYIF).Width(100);
                        columns.Bound(column => column.PersonnelCode).Width(100);
                        columns.Bound(column => column.Workplace).Width(100);
                        columns.Bound(column => column.MembershipDate).ClientTemplate("#: MembershipDatePersian #").Width(110);
                        columns.Bound(column => column.MilitaryService).Width(100);
                        columns.Bound(column => column.ServiceOrgan).Width(100);
                        columns.Bound(column => column.Category).Width(100);
                        columns.Bound(column => column.PlaceOfTraining).Width(100);
                        columns.Bound(column => column.DateOfTraining).ClientTemplate("#: DateOfTrainingPersian #").Width(110);


                        columns.Command(column =>
                        {
                            column.Edit();
                            column.Destroy();
                        }).Locked().Width(200);
                    })
                    .DataSource(
                    ds => ds.Ajax()
                    .ServerOperation(true)
                    .PageSize(20)
                    .Read(r => r.Action("GetAllPersons", "People"))
                    )
                    )

        </div>
    </div>
</div>

Спасибо за помощь