Материальный дизайн для ag-сетки

Как я могу использовать конструкцию материалов для aggrid? В моем приложении angular2 я использовал ag-grid и упомянул имя класса как ag-material и установил высоту строки 48. Но дизайн материального дизайна не применяется для моей сетки. Должен ли я включать какой-либо файл CSS в свой индекс или он будет извлекаться из пакетов aggrid? Вот как я применил класс ag-материала к сетке и переопределил высоту строки в конце.Материальный дизайн для ag-сетки

  <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>

Может ли кто-нибудь помочь мне получить материальный дизайн для поиска aggrid?

источник

2016-09-03 abhilash reddy

Руководство по angular 2 implementation говорит

Вам нужно будет включать в себя CSS для AG-Grid, либо непосредственно внутри HTML страницы, или как часть создания вашего сверток, если пакетирования.

, а затем демонстрирует включая таблицы стилей, необходимые:

<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

Материальный дизайн для ag-сетки

ответ

Смежные вопросы