AG-GRID 树数据未显示展开行按钮答案

【问题标题】：AG-GRID tree data not showing expand rows buttonAG-GRID 树数据未显示展开行按钮
【发布时间】：2021-10-20 21:53:24
【问题描述】：

我正在尝试使用 ag-grid-angular 和 ag-grid-enterprise v25 实现角度 AG-GRID 树数据。我能够渲染 ag-grid 树数据，但展开/折叠按钮不可见。如果我双击父行，我可以展开/折叠。为什么展开/折叠按钮不可见？我必须添加任何 CSS 文件吗？还是必须改变什么？

HTML：

<ag-grid-angular #agGrid style="width:  500px; height: 500px;" id="myGrid" class="ag-theme-alpine" [rowData]="rowData"
  [columnDefs]="columnDefs" [defaultColDef]="defaultColDef" [autoGroupColumnDef]="autoGroupColumnDef" [treeData]="true"
  [animateRows]="true" [groupDefaultExpanded]="groupDefaultExpanded" [getDataPath]="getDataPath"
  (gridReady)="onGridReady($event)" [modules]="modules"></ag-grid-angular>

这里是视图：

【问题讨论】：

您使用的是哪个版本的 Angular？你也可以确认你是否已经将ag-grid样式导入到了styles数组选项下的angular-cli.json或angular.json文件中？
@VVS 谢谢，我错过了 ag-grid 的样式。它现在工作正常。

标签： javascript angular ag-grid ag-grid-angular

【解决方案1】：

Ag Grid 样式应该在styles.scss 中导入，你能确认一下吗？

类似于以下内容：

@import "~ag-grid-community/dist/styles/ag-grid.css";
@import "~ag-grid-community/dist/styles/ag-theme-balham.css";

【讨论】：