ag-grid 相关问题

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

需要帮助获取 ag 网格上的功能键，因为需要在功能键中开发一些逻辑，但 ag 网格无法在按键事件中获取功能键。需要帮助在 ag 网格上获取功能键，因为需要在功能键中开发一些逻辑，但 ag 网格在按键事件中没有获取功能键。 <ag-grid-angular style=" height: calc(65vh - 230px); width: 100%; margin-top: 10px;" class="ag-theme-alpine" [columnDefs]="columnDefs" [frameworkComponents]="frameworkComponents" (gridReady)="onGridReady($event)" (cellKeyPress)="onCellKeyPress($event)"> </ag-grid-angular> onCellKeyPress(e) { console.log("You Press " + e.event.key); } 帮助某人在需要在功能键中创建自定义逻辑的 ag 网格中的按键事件中获取功能键。

ag-grid ag-grid-angular

回答 0 投票 0

在 python flask 中的相同路径上更新 ag 网格数据

我有一个用例，其中我有相同路线的子导航。所以我的主要路线是仪表板，在仪表板中我有 3 个选项卡 tabA、tabB 和 tabC 默认情况下，我在 tabA 上加载 agGridData 并且...

javascript python flask ag-grid

回答 0 投票 0

Ag 网格垂直滚动问题

来自后端的数据按序号传入。 Like ID 将生成为 1,2,3,4.....等。我们在顶部显示最新记录，如 5、4、3、.... 问题在垂直滚动上，我们缺少巨大的

javascript ag-grid

回答 1 投票 0

Ag-Grid-React 修改CellRenderer组件中的数据后更新网格中的rowData

我有一个问题，在 cellRenderer 组件完成操作后，我无法更新 ag-grid React 中的 rowData。网格包含银行账户列表，看起来像：在此处输入图片描述...

reactjs ag-grid ag-grid-react

回答 0 投票 0

如何在 ag-Grid angular 中将每页的记录编号放在分页旁边？

基于 ag-Grid 中的自定义分页示例，我可以为我的网格设置页面大小。如何将页面大小组件放在网格下方的页码旁边？谢谢

angular pagination ag-grid server-side ag-grid-angular

回答 1 投票 0

How to change current value of a ref from a child in react (like ag-grid)

Ag-grid 有一个 ref 道具，它填充了一个用于修改网格的 api。我想知道如何使用功能组件来使用其中定义的功能。

reactjs ag-grid

回答 0 投票 0

ag-grid 在 Angular 应用程序中不可见

我正在不同的第三方网格上进行研发，这些网格具有可用的主从功能。我已经按照 Ag-Grid 网站上的步骤渲染了一个带有可扩展主细节的 ag-grid ...

angular ag-grid ag-grid-angular

回答 2 投票 0

在 ag-grid 社区版中，如何让列菜单图标按预期工作

使用vue3和ag-grid社区版，当我点击列菜单图标时，文本过滤器菜单没有弹出，整个网格开始闪烁。控制台中没有错误。浏览器：

ag-grid ag-grid-vue

回答 1 投票 0

AG-Grid：如何从 setQuickFilter 中排除选定的行？

我的 AG-Grid 表利用 setQuickFilter 按用户输入的搜索条件过滤行。网格还为其他操作启用了 rowSelection。我的目标是从搜索中排除选定的行......

javascript reactjs filtering ag-grid ag-grid-react

回答 1 投票 0

我正在为我的桌子使用 ag-grid。我需要在表格末尾显示每列的总和

这是我的 React 组件。这是我的 React 组件。 <AgGridReact rowData={details} columnDefs={columnDefs} defaultColDef={defaultColDef} autoGroupColumnDef={autoGroupColumnDef} aggFuncs={aggFuncs} groupIncludeFooter={groupIncludeFooter} groupIncludeTotalFooter={groupIncludeTotalFooter} ></AgGridReact> 这是我的功能。 const [columnDefs, setColumnDefs] = useState([ { headerName: 'Details', children: [ { field: 'uniqId', width: 90, filter: 'agTextColumnFilter', }, { field: 'name', width: 180, filter: 'agNumberColumnFilter', }, ], }, { headerName: 'Other Details', children: [ { field: 'gender', width: 100 }, { field: 'salary', aggFunc: "sum", width:100, }, { field: 'country', width: 100, filter: 'agNumberColumnFilter', }, { field: 'birthdate', width: 100, filter: 'agNumberColumnFilter', }, { field: 'vegetarian', width: 100, filter: 'agNumberColumnFilter', }, { field: "Edit", colId: "view", width: 100, cellRendererFramework: function (params) { return <button className="btn btn-secondary gridButton" onClick={() => getUserDetails(params.data._id)}> Edit </button> } }, { field: "Delete", colId: "view", width: 100, cellRendererFramework: function (params) { return <button className="btn btn-danger gridButtonDelete" onClick={() => handleDelete(params.data._id)}> Delete </button> } }, ], }, ]); 我需要在表格末尾显示价格列的总和。我需要显示在表格的底部。如果有人在单元格中添加新数据，总和需要反映出来。我正在为我的桌子使用 ag-grid。我需要在表格末尾显示每列的总和。编辑单元格后，应更新总和值请帮我解决这个问题一种方法是使用“总计”行。您将为每个必需的列执行求和计算，然后将该数据返回到 pinnedBottomRowData 内 gridOptions. 总计行数据的格式类似于您的行数据，其中有一个键/值对包含要在网格上显示的数据。正如 colDefs 访问 rowData 中的特定数据一样，colDefs 也将访问总计行数据中的求和值。 pinnedBottomRowData 属性是将总计行数据固定到网格底部的原因。如果您在网格的 UI 中编辑单元格数据，网格应自动更新以反映该更改。查看网格文档的更新数据部分，如果它不能自动为您工作。如果没有，您可能需要使用其他辅助函数，例如 setRowData 或 onRowDataUpdated. 例如： const sumData = (data) => { // perform summation on your salary data: const totalSalary = data.reduce((accumulator, currentData) => accumulator + currentData.salary, 0); // perform calculations on other columns requiring this aggregation const otherData = // perform other calculations as needed return { totalSalary, otherData }; }; const { totalSalary, otherData} = sumData(data); const totalsRowData = { id: 'totalsRow', salary: totalSalary, otherData: otherData, }; const gridOptions = { pinnedBottomRowData={totalsRowData} }; <AgGridReact rowData={details} columnDefs={columnDefs} defaultColDef={defaultColDef} autoGroupColumnDef={autoGroupColumnDef} aggFuncs={aggFuncs} groupIncludeFooter={groupIncludeFooter} groupIncludeTotalFooter={groupIncludeTotalFooter} gridOptions={gridOptions} // add grid options to your grid's props /> 编辑：这是关于总计行的另一个相关主题，以防它为您提供额外的有用信息：How to enable or show total row in footer of ag-grid table

javascript reactjs ag-grid ag-grid-react

回答 1 投票 0

访问AG Grid集成图表的label formatter

我想限制AG集成图表中标签的长度。我会使用轴标签的格式化程序，但不知道如何访问集成图表创建的标签格式化程序...

angular ag-grid

回答 0 投票 0

AG Grid中defaultColDef.cellClass中如何获取正在处理的cell的列索引

在 AG Grid 社区中，在 cellClass 函数中——当它驻留在 defaultColDef 中时——我想知道正在处理的单元格的列索引。这有可能获得吗？我看到了以下

typescript ag-grid ag-grid-angular

回答 0 投票 0

angular2- fixture.nativeElement.query 中的 ag-grid 单元测试不是函数

我使用 Karma/Jasmine 为 angular 的 ag-grid 编写了一个测试用例。在我的测试用例中，只是检查 ag-grid 标头并收到类似“fixture.nativeElement.query is not a function”的错误，但我......