在 ag-grid v25 angular 10 中設置字體系列和大小

Question

如何在 ag-grid（角度）中設置字體及其大小我在 angular 10 中使用 ag-grid 版本 25。我嘗試在包裝容器（div）和標簽中設置字體，但到目前為止沒有任何效果。

.wrapper-container {
   font-size : 10px;
   font-family : "Open Sans";
}

和

ag-grid-angular {
   font-size : 10px;
   font-family: "Open Sans";
}

Answer 1

如果您使用任何主題，您可以使用主題 class 在 styles.scss 中設置字體系列

.ag-theme-alpine {
  font-family: "Open Sans", sans-serif;
}

此外，字體大小可以在 ag-grid-angular 標簽內的自定義 class 中設置。

<ag-grid-angular 
   class="ag-theme-alpine custom-class" .... >
</ag-grid-angular>

在自定義類中設置你的字體大小

.custom-class {
   font-size : 10px
}