2017-08-07 111 views
0

我有一個Kendo UI網格(使用MVC)在這裏創建的代碼片段。具有列寬度屬性集的Kendo Grid列調整大小問題

@(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))) 

正如你所看到的,列有明確的「寬度」屬性中指定,也網格是「可調整」了。

,我要面對的問題是,拖動鼠標來調整網格時,它顯示像下面的一個

enter image description here

在第一列標題中間的藍色框代表拖動時鼠標指針的位置。由於調整大小不與鼠標位置一起運行,這有點奇怪。我看到了this解決方案,但它似乎不適合我。任何想法?謝謝。

回答