Clarity : clr-datagrid가 사용 가능한 모든 수직 공간을 차지할 수있는 권장 방법이 있습니까?

Question

테이블에 행이 없더라도 모든 세로 공간을 차지하려고합니다. clr-datagrid를 사용자 정의 할 수 있습니까? 플렉스 박스 속성을 .datagrid-host 및 .datagrid-overlay-wrapper으로 직접 재정의해야만 열 방향으로 커지는 것처럼 보입니다.

나는 그걸 시도했지만 데이터 그리드가 세로로 커지는 것 같지 않습니다.

Answer 1

Clarity DataGrid는 DataGrid 요소 자체에서 원하는 고정 높이를 지원합니다. 높이가 표시된 행의 수에 비해 너무 큰 경우 본문은 빈 공간으로 확장됩니다. 높이가 표시된 행 수에 비해 너무 작은 경우 머리글과 바닥 글이 제자리에있는 동안 본문이 스크롤됩니다.

귀하의 경우에는 CSS에 데이터 격자로 height: 100%을 넣는 것만 큼 간단합니다. 그게 당신이해야 할 전부입니다. 작업 예제는 https://plnkr.co/edit/eZqaic8CS6CFHVcGxAnH?p=preview을 참조하십시오.