带锁定列的Kendo网格分割到下一行

Question

我有一个有许多列的剑道网格。网格宽度为100％第一个列也被锁定。在我得到/设置网格数据的ajax调用之后，网格的右侧显示在网格的左侧下方。它与如何完成内部大小计算有关。如果网格具有特定的宽度，则问题不会显示出来。然而，这并不令人满意，因为网格在不同浏览器中显示方式不同，并且在宽度为100％时不像调整大小。

有没有其他人看过这个或知道如何防止它？

请参阅下面的图像

Answer 1

所有网格列的宽度，需要在像素被明确指定为锁定栏功能按预期方式工作：

LINK TO DOCS

一旦满足这个要求，您可以将网格的宽度设置为100％，并且网格仍将按预期显示：

<kendo-grid [data]="gridData" [height]="370" style="width: 100%"> 
     <kendo-grid-column field="ProductID" title="ID" width="50" [locked]="true"> 
     </kendo-grid-column> 
     <kendo-grid-column field="ProductName" title="Name" width="250" [locked]="true"> 
     </kendo-grid-column> 
     <kendo-grid-column field="Category.CategoryName" title="Category" width="200"> 
     </kendo-grid-column> 
     <kendo-grid-column field="UnitPrice" title="Price" width="280"> 
     </kendo-grid-column> 
     <kendo-grid-column field="UnitsInStock" title="In stock" width="280"> 
     </kendo-grid-column> 
     <kendo-grid-column field="Discontinued" title="Discontinued" width="220"> 
      <ng-template kendoGridCellTemplate let-dataItem> 
       <input type="checkbox" [checked]="dataItem.Discontinued" disabled/> 
      </ng-template> 
     </kendo-grid-column> 
    </kendo-grid> 

http://plnkr.co/edit/3kmOf54DT7JUG68qUdaP?p=preview