Блог

Главная - Вопросы по программированию - AG-Данные дерева СЕТКИ, не отображающие кнопку развернуть строки

AG-Данные дерева СЕТКИ, не отображающие кнопку развернуть строки

#javascript #angular #ag-grid #ag-grid-angular

Вопрос:

Я пытаюсь реализовать данные дерева угловой сетки AG, используя ag-grid-angular и ag-grid-enterprise v25. Я могу отобразить данные дерева ag-сетки, но кнопка развернуть/свернуть не видна. и если я дважды щелкну по родительской строке, я смогу развернуть/свернуть. почему кнопка развернуть/свернуть не видна? Нужно ли мне добавлять какие-либо 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>

Вот такой вид:

введите описание изображения здесь

Комментарии:

1. Какую версию Angular вы используете? Также можете ли вы подтвердить, импортировали ли вы стили ag-сетки в файл angular-cli.json или angular.json в параметре массив стилей?

2. @VVS Спасибо, я пропустил стили для ag-сетки. Сейчас все работает нормально.

Ответ №1:

Стили сетки Ag должны быть импортированы в styles.scss, вы можете подтвердить, что делаете это.

Что-то вроде следующего:

 @import "~ag-grid-community/dist/styles/ag-grid.css";
@import "~ag-grid-community/dist/styles/ag-theme-balham.css";
Метки: ,