ag-grid 相关问题

ag-Grid是一个客户端JavaScript网格，旨在与框架无关。它不依赖于任何框架，允许它与任何框架轻松集成。使用此标记可以解决与ag-Grid配置及其与其他工具集成问题相关的问题。

在 ag-grid 中，我们有 'bodySroll' 事件来监听滚动。但我想知道用户在滚动时何时到达网格的最后一条记录。有什么办法可以实现这个目标吗？谢谢

ag-grid ag-grid-ng2 ag-grid-react

回答 2 投票 0

我对此感到困惑。我在 html 中有一个 ag-grid：我对此感到困惑。我在 html 中有一个 ag-grid： <ag-grid-angular id="data_grid" title="Some Data" class="ag-theme-alpine ag-theme-material" style="width: 2800px; height: 800px; margin-right: 1%; float: left; font-size: 16px !important" (gridReady)="onDataGridReady($event)" [rowData]="row_data" [columnDefs]="column_defs" [defaultColDef]="defaultColDef" [autoGroupColumnDef]="autoGroupColumnDef" [groupDefaultExpanded]="groupDefaultExpanded" [animateRows]="true" [gridOptions]="grid_options"> </ag-grid-angular> 然后在组件文件中： public defaultColDef: ColDef = { flex: 1, minWidth: 100, sortable: true, resizable: true, }; public autoGroupColumnDef: ColDef = { minWidth: 200, }; public groupDefaultExpanded = 1; public grid_options = { suppressAggFuncInHeader : true } column_defs = [ {headerName: 'A', field: 'many_As', rowGroup: true }, {headerName: 'B', field: 'many_Bs', width: 250, aggFunc: this.agg_func }, ]; agg_func(params: any) { ... another_func(); // the grid gets painted only if this line is commented out ... } another_func() { console.log('Hello?'); } 现在的问题是，如果我让 agg_func 调用 another_func，网格将不会被绘制并且这个聚合函数根本不会被调用。我在这里错过了什么？这很可能是“this”引用的问题。函数是回调，从类外部的 JavaScript 代码调用，因此引用最终是不正确的。将打字稿类方法作为回调传递给外部使用时，始终使用“箭头函数”，它捕获“this”引用。例如改成： const agg_func = (params: any) => { another_func(); } const another_func = () => { console.log('Hello?'); }

javascript angular ag-grid

回答 1 投票 0

如何在 AG-Grid 中的行之间添加间距或边距？

我正在尝试创建一个具有 Master/Detail 功能的 AG-Grid 表。在处理样式时，我遇到了上述问题。我还使用设置为 true 的 autoHeight 属性。 ...

javascript reactjs ag-grid ag-grid-angular ag-grid-react

回答 0 投票 0

无法访问 AgGrid cellRenderer 中的组件状态

在我的 React 应用程序中，我有一个具有本地状态 (myObj) 的函数组件，它是通过来自父级的上下文对象（基于 API 响应）填充的。我使用这个本地状态来填充 AgGrid 和 ...

javascript reactjs ag-grid ag-grid-react cellrenderer

回答 0 投票 0

AG-Grid SSRM：加载倒数第二页时发送多个服务器请求

我面临一个问题，如果用户试图直接转到倒数第二页，检查模式下的网络选项卡会显示大量服务器请求来加载该页面数据。重现的步骤...

angular ag-grid ag-grid-angular

回答 0 投票 0

使用@ag-grid-community/angular 版本<28 with Angular 16

在 Ivy 支持之前，有没有人想出使用@ag-grid-community/angular 版本的方法（<28) with Angular 16? In Angular 16 they've removed the deprecated entry components and ngcc, so any v...

angular ag-grid angular-ivy

回答 0 投票 0

AG-网格图表无法处理 60,000 个数据点

当我用较少的数据点构建图表时，图表显示正确。但是，当数据点超过 60,000 时，它会报错。 RangeError：超出最大调用堆栈大小任何

ag-grid ag-grid-angular

回答 1 投票 0

ag-grid grouping group row display 0.0 for double type columns

我使用 AgGridReact 的组功能。在网格中，我有 double 和 bool 类型的列。使用 group by 后，我注意到双列的组行显示“0.0”，同样...

double ag-grid group

回答 0 投票 0

在 ag-grid 上选择特定行时，单元格背景颜色不可见

我目前正在研究 agGrid 当我在 ag-grid 中选择特定行时无法看到单元格背景颜色（这里行颜色覆盖）。检查下面的屏幕截图以供参考输入图片描述...

reactjs ag-grid ag-grid-react ag-grid-validation

回答 1 投票 0

如何使用 Angular AG 网格数据作为附件撰写电子邮件

我有一个 ag 网格，其中填充了一些数据。我想知道我是否可以有一个按钮，当点击发生时，会弹出一个电子邮件界面（Outlook），并将网格数据作为附件...

javascript angular csv email ag-grid

回答 0 投票 0

Ag-grid 加载大量数据

一些背景知识：1.我从未使用过ag-grid 2.我从另一个开发人员那里接手了一个项目，它正在使用ag-grid来显示数据。要显示的解压缩数据的大小可以...

reactjs json memory ag-grid ag-grid-react

回答 1 投票 0

Ag grid angular show hide buttons based on row clicked

在 ag grid angular 中，在一列中我有一个名为“编辑”的按钮，当我单击它时它应该隐藏并在同一个单元格中显示其他两个按钮“更新”和“取消”，我...

angular ag-grid togglebutton ag-grid-angular

回答 0 投票 0

在 ag-grid 中，如何在列集过滤器中显示自定义选项？

我的数据是这样的： gridOptions.api.setRowData([ { 名称：'第一' }, { 名称：'第二'，已删除：真， }, { 名称：'第三'，已删除：假， ...

javascript angular ag-grid ag-grid-angular

回答 1 投票 0

柏树中 .click() 函数的行为不一致

我有一个编辑框想点击然后输入值。所以，我的代码是 cy.get('.ag-row-last > [aria-colindex="3"] ').click().type('65{enter}') 问题是50%的时间，可以o...

javascript reactjs cypress ag-grid

回答 1 投票 0

Angular ag grid valueFormatter 不工作

我在我的 app.component.ts 中有这个 numberFormatter（参数：数字）：字符串{ 返回 params.toFixed(3).toString(); } columnDefs = [ {headerName: 'Month', field: 'month', valueFormatter:

javascript angular ag-grid ag-grid-angular numberformatter

回答 1 投票 0

AG-Grid getDataAsCsv 函数返回错误

我正在使用 AG-Grid 并尝试在使用 exportDataAsCsv() 时使用 getDataAsCsv() 将我的网格数据导出为 CSV 这确实有效但下载文件而不是将 CSV 作为字符串返回。根据...

javascript ag-grid

回答 0 投票 0

当使用 useQuery 进行的 api 调用失败时，如何在 ag-grid react grid 上显示错误消息

找不到任何过分告诉用户 api 失败的错误信息。我正在使用客户端行模型目前我只能显示 show no rows overlay ，但我想向用户显示一个错误

reactjs typescript ag-grid ag-grid-angular ag-grid-react

回答 1 投票 0

在 ag-grid 树数据网格中设置聚合行的样式

我有一个 ag-grid 网格（内置反应），它使用树数据格式（https://www.ag-grid.com/react-data-grid/tree-data/#tree-data-aggregation ). 每行包含数字数据和分组 r ...