Question

我在应用程序中使用ag-grid，并且在同一页面上有两个网格。我想在一个网格中垂直放置标题的文本标签，在另一个网格中水平放置标题的文本标签。

这是一个文档，显示如何使一个网格的标题垂直。 https://www.ag-grid.com/javascript-grid-column-header/#textOrientation

.ag-cell-label-container {
  /*Necessary to allow for text to grow vertically*/
  height: 100%;
}

.ag-header-cell-label {
  /*Necessary to allow for text to grow vertically*/
  height: 100%;
  padding: 0 !important;
}

.ag-header-cell-label .ag-header-cell-text {
  /*Force the width corresponding at how much width
    we need once the text is laid out vertically*/
  width: 55px;
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  line-height: 2em;
  margin-top: 60px;
}

.ag-header-cell-label {
  font-size: 10px;
  height: 90px;
  padding-top: 36px;
  margin-left: 0px;
  color: #1b6d85;
  font-weight: bold;
}

.ag-header-cell-label .ag-header-cell-text {
  /*There is empty space left at the top from the menu and sort
    icons not used*/
  margin-top: 25px;
}

它在styles.scss文件中添加了特定样式。但这将在全球范围内适用。

另一方面，如果将这些CSS添加到app.component.scss文件中，它将不会对文本方向进行任何更改。

是否可以将css仅应用于一个ag网格实例？

Answer 1

我有一个类似的案例。我将每个网格包装到具有不同divs属性的不同class中。一旦通过包装div的类为网格设置样式，就应该封装样式。你有尝试过吗？：）

在一个应用程序中将不同的标头样式应用于不同的农业网格实例

1 个答案: