剣道角2グリッド高さ

Question

グリッドに動的な高さを設定したい。角1と剣道の前に私はこのようにします。以下のCSSで

<kendo-grid id="grid" options="entityGrid.gridOptions"></kendo-grid> 

：

#grid { 
    height: calc(100% - 1em); 
} 

しかしangular2のための剣道グリッドと私は、これは文句を言わない仕事をしようとすると、それ。

<kendo-grid id="grid" 
      [data]="entityGrid?.view | async" 
      [scrollable]="'virtual'"> 
</kendo-grid> 

Answer 1

スクロール（および静的ヘッダー）を使用する場合、グリッドコンテンツ領域にも高さが必要です。このページに基づいて動的に計算することは現時点ではサポートされておらず、角度共通型では機能しません。 kendo-angular2 repoの機能要求としてこれを記録することができるため、実装の対象となります。

encapsulation: ViewEncapsulation.None, 
styles: [ 
    `kendo-grid { 
    height: calc(100% - 3em); 
    margin-top: 3em; 
    } 
    kendo-grid .k-grid-content { 
    height: calc(100% - 46px); 
    }` 
], 

これは、コンポーネント自体のスタイルを渡します：あなたはそれを動作させるには、以下のハックを使用することができ、言っ

。値46pxはヘッダーのサイズで、3emは望ましいオフセットです。

作業デモについては、this plunkr exampleを参照してください。