显示空白记录的角度-Slickgrid

Question

我正在尝试使用角网格栅在我的应用程序中显示网格选项。我建议wiki页面显示网格，但在网格中没有数据显示&甚至浏览器控制台中也没有错误。

我已经根据app.module，Angular.json更新了帖子，但是没有使用&网格显示0条记录。我试图使用stackblitz创建这个问题，但它不允许我安装棱角光滑的网格包，因此无法发布实时示例。

我的代码

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>

我使用的版本：angular-slickgrid：jQuery：^3.3.1 @angular/core：^2.1.5 @angular/core：^7.2.0

Answer 1

这是因为你在用

enableAutoResize: false,

将其更改为

enableAutoResize : true

而且它应该能工作，当您使用false时，您需要根据您的需要手动给网格一个高度(使用css)。但是，当您允许true时，它将自动设置浏览器上的大小和大小。

演示