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

Question

我正在尝试使用 ag-grid-angular 和 ag-grid-enterprise v25 实现 angular AG-GRID 树数据。我能够共享 ag-grid 树数据，但 expand/collapse 按钮不可见。如果我双击父行，我可以 expand/collapse。为什么 expand/collapse 按钮不可见？我必须添加任何 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>

视图如下：

Answer 1

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

类似于以下内容：

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

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

AG-GRID tree data not showing expand rows button

javascript

ag-grid

angular

ag-grid-angular