재료 디자인은 그리드를 찾는다

aggrid에 재료 디자인 기능을 어떻게 사용할 수 있습니까? 내 angular2 응용 프로그램에서 나는 ag-grid를 사용하고 클래스 이름을 ag-material으로 언급하고 행 높이를 48으로 설정했습니다. 그러나 재료 디자인은 내 그리드에 적용되지 않습니다. 내 색인에 CSS 파일을 포함시켜야합니까, 아니면 aggrid 패키지에서 가져올 것입니까? 이것은 그리드에 ag-material 클래스를 적용하고 끝에 행 높이를 무시하는 방법입니다.재료 디자인은 그리드를 찾는다

  <ag-grid-ng2 style="width: 100%; height: 100%;" 
        class="ag-material" 
        [gridOptions]="gridOptions" 
        [columnDefs]="columnDefs" 
        [rowData]="rowData" 
        rowSelection="single" 
        (selectionChanged)="onSelectionChanged()" 
        rowHeight="48"> 
     </ag-grid-ng2>

누군가가 재료 디자인에 애그리드를 찾는 데 도움이 될 수 있습니까?

출처

2016-09-03 abhilash reddy

angular 2 implementation의 가이드는

당신은 직접 HTML 페이지 내부 또는 번들 경우 번들을 만드는 일환으로, AG-그리드에 대한 CSS를 포함해야 할 것이라고 말했습니다.

후 필요한 스타일 시트를 포함하여 보여줍니다

<link href="node_modules/ag-grid/styles/ag-grid.css" rel="stylesheet" /> 
<link href="node_modules/ag-grid/styles/theme-fresh.css" rel="stylesheet" />

당신이 포함해야 할 재료 테마에 대해 별도의 스타일이 있다는 것을 보여줍니다 github repo로 상대 :

<link href="node_modules/ag-grid/styles/theme-material.css" rel="stylesheet" />

출처

2016-09-14 16:06:54

재료 디자인은 그리드를 찾는다

답변

관련 문제