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

Posted 2023-03-28

【中文标题】AG-GRID 树数据未显示展开行按钮

【英文标题】：AG-GRID tree data not showing expand rows button

【发布时间】：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 的样式。它现在工作正常。

【参考方案1】：

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

类似于以下内容：

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