【问题标题】: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>
    

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

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

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

    【讨论】:

    • 它对我有用,您能在plnkr.co/editstackblitz.com 中重现您的问题吗?
    • @Harshavardhan 如果你认为这对你有帮助,你可以投票。如果您觉得它回答了您的问题,您也可以将其标记为答案
    • 在您的 plunker 中将行高降低到 20,然后查看数据在网格中的外观
    • 从浏览器开发工具中,设置.ag-theme-material .ag-cell { line-height: 25px; } 并试一试。您可以更改其他 CSS 以使其看起来更合适
    猜你喜欢
    • 1970-01-01
    • 2019-08-06
    • 2021-09-02
    • 2015-09-18
    • 2014-07-14
    • 2019-02-28
    • 1970-01-01
    • 2019-03-10
    • 2019-06-15
    相关资源
    最近更新 更多