材料設計はグリッドを探します

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

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