import { Component } from '@angular/core';
import { GridOptions } from 'ag-grid-community';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'ag-grid-app';
gridOptions: GridOptions;
constructor() {
this.gridOptions = {
columnDefs: [
{headerName: 'Version', field: 'version'},
{headerName: 'Name', field: 'name'},
{headerName: 'Date', field: 'date'},
{headerName: 'Value', field: 'value'},
],
rowData: [
{version: 1, name: 'John', date: '1/1/2021', value: 100},
{version: 1, name: 'Jane', date: '1/1/2021', value: 200},
{version: 2, name: 'John', date: '2/1/2021', value: 150},
{version: 2, name: 'Jane', date: '2/1/2021', value: 250},
{version: 3, name: 'John', date: '3/1/2021', value: 200},
{version: 3, name: 'Jane', date: '3/1/2021', value: 300},
],
rowGroupPanelShow: 'always',
pivotPanelShow: 'never',
defaultColDef: {
editable: false,
sortable: true,
resizable: true,
filter: true
}
};
}
}
上一篇:AGGrid显示空白图表的问题
下一篇:agGrid行数据在重置后更新