Kendo Grid Angular UI Horizo​​ntal滚动条问题

Question

如果我在剑道网格中只有一条记录，则时间水平滚动条不起作用。

我尝试使用CSS解决此问题，但仍然无法解决。

.k-grid-content {
      overflow-x: scroll !important;
}

Answer 1

只要Grid是可滚动的（默认值）并且所有设置宽度的列的宽度之和大于Grid的宽度，则无论项目数如何，水平滚动条都会出现（除非有0项）：

import { Component } from '@angular/core';

@Component({
   selector: 'my-app',
   template: `
       <kendo-grid [data]="gridData">
        <kendo-grid-column field="ProductID" width="500"></kendo-grid-column>
        <kendo-grid-column field="ProductName" width="500"></kendo-grid-column>
        <kendo-grid-column field="UnitPrice" width="500"></kendo-grid-column>
        <kendo-grid-column field="Discontinued" width="500"></kendo-grid-column>
       </kendo-grid>
   `
})
export class AppComponent {
   public gridData: any[] = products;
}

const products = [{
   "ProductID": 1,
   "ProductName": "Chai",
   "UnitPrice": 18.0000,
   "Discontinued": true
 }
];

PLNKR