我正在Angular6项目中使用Ag-grid。我面临着农业网格表格响应性的问题。当我最小化浏览器但它不显示任何滚动时。最大列消失。但是,当这些代码运行到Plunker中时,它显示了响应能力。我无法确定问题所在。
我正在使用以下ag-grid版本:
“ ag-grid”:“ ^ 18.1.2”,
“ ag-grid-angular”:“ ^ 18.1.0”,
“ ag-grid-community”:“ ^ 19.0.0”,
“ ag-grid-enterprise”:“ ^ 19.0.0”,
//我的ts文件
private gridApi;
private gridColumnApi;
private columnDefs;
private rowData;
public constructor() {
this.columnDefs = [
{
headerName: 'Make',
field: 'make',
minWidth: 100,
},
{
headerName: 'Model',
field: 'model',
minWidth: 100,
},
{
headerName: 'Price',
field: 'price',
minWidth: 100,
},
{
headerName: 'Price',
field: 'a',
minWidth: 100,
},
{
headerName: 'Price',
field: 'b',
minWidth: 100,
}
];
this.rowData = [
{
make: 'Toyota',
model: 'Celica',
price: 35000,
a: 'aa',
b: 'bb',
c: 'cc',
d: 'dd',
},
{
make: 'Toyota',
model: 'Celica',
price: 35000,
a: 'aa',
b: 'bb',
c: 'cc',
d: 'dd',
}
];
}
//我的html文件
<ag-grid-angular
#agGrid
style="width: 100%; height: 100%;"
id="myGrid"
class="ag-theme-balham"
[columnDefs]="columnDefs"
[rowData]="rowData">
</ag-grid-angular>
答案 0 :(得分:0)
我已经解决了这个问题。这是一个包装集成的问题。我删除了ag-grid和ag-grid-enterprise软件包。然后解决了这个问题。