Kendo ui 在剑道网格中实现虚拟滚动条后，标题和列未对齐

我已经成功地在网格中实现了滚动条，一旦我实现了滚动条标题，列就没有对齐，因为滚动条只向左推列，而不向左推标题。有什么建议吗，谢谢

多谢各位

@(Html.Kendo().Grid<HH.BookModel>()

        .Name("Book")
        .HtmlAttributes(new { @Style = "align:center; font-size:10px; width:495px" })
        .Columns(columns =>
        {


            columns.Bound(p => p.Description);
            columns.Bound(p => p.SessionCreateDate).EditorTemplateName);
            columns.Command(commands => commands.Destroy()).Width(100);



        })


        .Editable(editable => editable.Mode(GridEditMode.InLine))
        .Sortable()


        .Selectable()
        .Scrollable(scrollable => scrollable.Virtual(true))
        .ColumnMenu(c => c.Columns(false))
        .DataSource(dataSource => dataSource
            .Ajax()//bind with Ajax instead server bind
            .PageSize(5)
            .ServerOperation(true)
                .Model(model =>
                {
                    model.Id(p => p.BookID);

                })
                                     .Sort(sort => sort
                          .Add(x => x.Description).Descending())

            .Read(read => read.Action("GetBookData", "BookDetails").Type(HttpVerbs.Get))
            .Destroy("DeleteBook", "BookDetails")
            )



    )

@（Html.Kendo（）.Grid（））
.名称（“书”）
.HtmlAttributes（新的{@Style=“align:center；字体大小：10px；宽度：495px”}）
.列（列=>
{
columns.Bound（p=>p.Description）；
columns.Bound（p=>p.SessionCreateDate.EditorTemplateName）；
commands=>commands.Destroy（））.Width（100）；
})
.Editable（可编辑=>Editable.Mode（GridEditMode.InLine））
.Sortable（）
.可选（）
.Scrollable（Scrollable=>Scrollable.Virtual（true））
.column菜单（c=>c.Columns（false））
.DataSource（DataSource=>DataSource
.Ajax（）//使用Ajax绑定，而不是服务器绑定
.页面大小（5）
.ServerOperation（真）
.Model（Model=>
{
model.Id（p=>p.BookID）；
})
.Sort（Sort=>Sort
.Add（x=>x.Description）.Descending（）
.Read（Read=>Read.Action（“GetBookData”、“BookDetails”）.Type（HttpVerbs.Get））
.销毁（“删除账簿”、“账簿详细信息”）
)
)

尝试设置其中两列的宽度。第三个将占据剩余的空间。这也将正确设置标题单元格的宽度。

我使用了一个小代码来控制标题位置。希望这有点帮助。这是给剑道Js库的

function correctGridHeader() {
  if ($('#grid table.k-selectable').height() > $('#grid .k-grid-content').height()) {
    $('.k-grid .k-grid-header').css('padding-right', '17px');
  } else {
    $('.k-grid .k-grid-header').css('padding-right', '0px');
  }
}

---

你知道另一种解决办法吗？这对我来说太死板了。