Angular 显示空白记录的网格

我正在尝试使用在应用程序中显示网格选项。我提到了显示网格，但网格中没有显示数据&即使在浏览器控制台中也没有错误

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

我的代码

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
      };

    }

  }

}

从'@angular/core'导入{Component，OnInit}；
从“网格”导入{Column，FieldType，Formatter，Formatters，GridOption}；
导出类ReportComponent实现OnInit{
列定义：列[]；
gridOptions:GridOption；
数据集：任何[]；
ngOnInit（）：void
{        
this.gridOptions={
自动调整大小：{
containerId:“演示容器”，
侧边填充：15
},
enableAutoResize:false，
enableExcelCopyBuffer:true，
};
此字段的定义=[
{id:'title'，name:'title'，field:'title'，sortable:true，type:FieldType.string，宽度：70}
];
this.dataset=[]；
对于（设i=0；i<1000；i++）{
此.dataset[i]={
id:我，
标题：“任务”+i
};
}
}
}

我的html

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

我正在使用的版本：

---

jquery：^3.3.1angular slickgrid：^2.1.5@angular/core：^7.2.0

这是因为您正在使用

enableAutoResize: false,

换成

enableAutoResize : true

当您使用false时，您需要根据需要手动为网格提供高度（使用css）。但当您允许true时，它将在浏览器上自动设置大小和调整大小

---

哦！这很简单，但我花了很多时间。非常感谢@justcode。它现在的工作很有趣，我可能应该在我的lib中进行检查（或抛出一个控制台错误），以确保用户至少有一个或另一个（一些网格大小或启用了自动调整大小）。我可能会在未来的增强中考虑它。我是角SelkGrand库和@ JavaCu码解决方案的作者，但我会指出，如果您希望定义自己的高度，也可以使用<代码> [GRIDHealth] < /Cord>（在视图中），它可以与“<代码> >或允许使用AutabyAutoReule<代码>一起使用。（如果设置了

gridHeight

，则不会调整高度，但仍会调整宽度）。此外，我添加了一个来解决您的问题，如果您忽略填写前面提到的这两个属性中的任何一个，它现在将抛出一个错误。