帶鎖定列的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