검도 각도 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을 참조하십시오.