列宽属性设置为

Question

我在这里使用片段创建了一个Kendo UI网格（使用MVC）。

    @(Html.Kendo().Grid<EntityResultTypeWhichDoesntMatter>().Name("searchresults")
    .Events(events => events.DataBound("onDataBound"))
    .Pageable()
    .Scrollable(s => s.Height("auto"))
    .Sortable()
    .DataSource(dataSource => dataSource
    .Ajax()
    .Read(read => read.Action("Driver_Read", "Driver").Data("getSearchCriteria"))
    .PageSize(10)
   ).Columns(s =>
   {
       s.Bound(p => p.HiddenIdField).Visible(false);
       s.Bound(p => p.FirstName).Title("First Name").Width(150);
       s.Bound(p => p.LastName).Title("Last Name").Width(150);
       s.Bound(p => p.EmployeeNumber).Title("Employee Number").Width(170);
       s.Bound(p => p.ExtraField1).Title("Extra Field1").Width(180);
       s.Bound(p => p.ExtraField2).Title("Extra Field2").Width(170);
       s.Command(command => command.Custom(Edit).Click("edit")).Width(80).Visible(Model.CanEdit);
   }).Filterable().Resizable(e=>e.Columns(true)))

如您所见，列使用显式“宽度”属性指定，并且网格也是“可调整大小”。

我面临的问题是，当拖动鼠标来调整网格大小时，它会显示如下所示

第一列标题中间的蓝色框表示拖动时鼠标指针的位置。这是一种奇怪的体验，因为调整大小不随鼠标位置一起运行。我看到了this解决方案，但它似乎对我不起作用。任何的想法？感谢。

Answer 1

列宽太小，总和小于网格总宽度。这会导致跳跃＆＃34;当前调整大小的列。文档解释了更多：

http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#columns