Angular-Slickgrid показывает пустые записи

Question

Я пытаюсь показать опцию сетки в моем приложении, используя angular slickgrid . Я сослался на вики-страницу , чтобы показать сетку, но данные не отображаются в сетке, и даже в консоли браузера нет ошибок.

Я обновил свой app.module, Angular.json в соответствии с post , но без использования и сетка отображает 0 записей. Я пытался создать эту проблему, используя stackblitz , но она не позволяла мне установить пакет angular-slickgrid, поэтому невозможно опубликовать пример в реальном времени.

Мой код

import { Component, OnInit } from '@angular/core';
import { Column, FieldType, Formatter, Formatters, GridOption }  from 'angular-slickgrid';

export class ReportComponent implements OnInit {
  columnDefinitions: Column[];
  gridOptions: GridOption;
  dataset: any[];

  ngOnInit(): void  
  {        
    this.gridOptions = {
      autoResize: {
        containerId: 'demo-container',
        sidePadding: 15
      },
      enableAutoResize: false,
      enableExcelCopyBuffer: true,

    };

    this.columnDefinitions = [
      { id: 'title', name: 'Title', field: 'title', sortable: true, type: FieldType.string, width: 70 }              
    ];

    this.dataset = [];
    for (let i = 0; i < 1000; i++) {    
      this.dataset[i] = {
        id: i, 
        title: 'Task ' + i
      };

    }

  }

}

Мой HTML

 <angular-slickgrid gridId="grid2" style="width:95%;"
                [columnDefinitions]="columnDefinitions"
                [gridOptions]="gridOptions"
                [dataset]="dataset">
            </angular-slickgrid>

Версия, которую я использую: jquery : ^ 3.3.1 angular-slickgrid : ^ 2.1.5 @ angular / core : ^ 7.2.0

Answer 1

это потому что вы используете

enableAutoResize: false,

изменить на

enableAutoResize : true

и это должно работать, когда вы работаете с false, вам нужно вручную указать высоту (используя css) для сетки в соответствии с вашими потребностями. но когда вы разрешите true, он автоматически установит размер и изменит размер в браузере.

демо