材料设计寻找网格

Question

我如何利用材料设计的特点，使之受屈？在我的angular2应用程序中，我使用了ag网格，并将类名命名为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>

有人能帮我找到材料设计吗？

Answer 1

2实现上的指南说

您需要将ag-Grid的CSS直接包含在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回购，它会显示出需要包含的材料主题有一个单独的样式表：

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