Angular-Slickgrid 显示空白记录

Question

我正在尝试在我的应用程序中使用 angular slickgrid. I have referred wiki page 来显示网格选项以显示网格，但没有数据显示在网格中，甚至在浏览器控制台中也没有错误。

我已经根据 post but no use & grid displaying 0 records. I tried to create this problem using stackblitz 更新了我的 app.module、Angular.json 但它不允许我安装 angular-slickgrid 包所以无法 post现场样本。

我的代码

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 时，它会自动设置大小并在浏览器调整大小时调整大小。

demo

Angular-Slickgrid 显示空白记录

Angular-Slickgrid showing blank records

angular

slickgrid