Ag 网格材料主题行和标题高度不起作用答案

【问题标题】：Ag grid material theme row and header height not workingAg 网格材料主题行和标题高度不起作用
【发布时间】：2018-08-05 12:32:53
【问题描述】：

按照文档中的建议，我首先尝试了以下属性。

this.gridOptions.rowHeight = 25;  
this.gridOptions.headerHeight= 28;

但结果如下： grid

我们也尝试了材质 css 属性的更改，但没有看到任何对网格的反射。

$ag-mat-grid-size: 4px;
$ag-mat-icon-size: 12px;

请在这里给我们建议。

【问题讨论】：

标签： angular-material2 ag-grid ag-grid-ng2

【解决方案1】：

尝试在网格本身提供这些属性。

 <ag-grid-angular 
       [gridOptions]="myGridOptions"
       [rowHeight]="25"          //or [rowHeight]="hightParam"
       [headerHeight]="28"       //or [headerHeight]="headerHeightParam"
  >
 </ag-grid-angular>

我已经检查过了，它可以工作。

这就是为什么我有时觉得ag-grid 有点奇怪。他们在文档下gridOptions 下显示的许多属性，但它们仅在我们在网格级别本身应用时才有效。虽然它的性能弥补了这种行为:)

检查这个工作示例 plunk 链接 ag-grid material theme example

【讨论】：

它对我有用，您能在plnkr.co/edit 或stackblitz.com 中重现您的问题吗？
@Harshavardhan ag-grid material theme example
@Harshavardhan 如果你认为这对你有帮助，你可以投票。如果您觉得它回答了您的问题，您也可以将其标记为答案
在您的 plunker 中将行高降低到 20，然后查看数据在网格中的外观
从浏览器开发工具中，设置.ag-theme-material .ag-cell { line-height: 25px; } 并试一试。您可以更改其他 CSS 以使其看起来更合适