ag-grid 相关问题

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

AG-Grid 异步 valueGetter? (总是返回 [object Promise])

我正在使用 AG-Grid(在 React 中,但在任何框架中都可以进行解释),并在我的 colDef 上应用了一个自定义的“valueGetter”,它在返回之前对单元格值执行计算/格式...

回答 1 投票 0

如何添加ag-grid反应每页下拉分页行

默认的 AG-Grid 没有用于分页的下拉菜单。如何添加如下图所示的分页下拉? 默认的 AG-Grid 没有用于分页的下拉菜单。如何添加如下图所示的分页下拉? <AgGridReact rowData={rowData} columnDefs={columnDefs} defaultColDef={defaultColDef} enableRangeSelection={true} rowSelection={'multiple'} statusBar={{ statusPanels: [ { statusPanel: 'agTotalRowCountComponent', align: 'center' }, { statusPanel: 'agFilteredRowCountComponent' }, { statusPanel: 'agSelectedRowCountComponent' }, { statusPanel: 'agAggregationComponent' } ] }} onGridReady={onGridReady} /> 在最新版本的ag-Grid(版本31)中,存在页面大小选择,但ag-Grid没有默认页面大小更改器(版本29)。 但是创建这样的组件是可能的。通常,页面大小更改器放置在网格的底部。为了实现这一点,我通常将 statusPanel 添加到 statusBar 属性的 statusPanels 中。 我已经创建了组件,并且 创建PageSize组件: export interface PaginationProps { api: GridApi; } const Pagination: FC<PaginationProps> = ({ api }) => { const [pageSize, setPageSize] = useState(api.paginationGetPageSize()); const pageSizes = [1, 5, 10, 20, 50]; const handleChangePageSize = (e) => { const value = Number(e.target.value); setPageSize(value); api.paginationSetPageSize(value); }; return ( <select value={pageSize} style={{ height: 40, minWidth: 100 }} onChange={handleChangePageSize} > {pageSizes.map((pageSize) => { return <option value={pageSize}>{pageSize}</option>; })} </select> ); }; 将 Pagination 组件添加到 Components 对象,将 statusPanel 添加到 statusPanels。 请注意,statusPanel 属性值应与您的分页组件的名称相匹配。 <AgGridReact rowData={rowData} columnDefs={columnDefs} defaultColDef={defaultColDef} enableRangeSelection={true} rowSelection={"multiple"} components={{ Pagination, }} statusBar={{ statusPanels: [ { statusPanel: "agTotalRowCountComponent", align: "center" }, { statusPanel: "agFilteredRowCountComponent" }, { statusPanel: "agSelectedRowCountComponent" }, { statusPanel: "agAggregationComponent" }, { statusPanel: "Pagination", align: "left", }, ], }} onGridReady={onGridReady} /> 最后,我建议您学习 Ag-Grid 文档的“行分页”部分,网址为此链接。

回答 1 投票 0

如果正在渲染的单元格为空,我希望它在ag-grid/自适应网格中显示“-”

我在我的应用程序中使用自适应网格/ag网格, 桌子看起来像—— 金融| 2020 年 5 月 | 2021 年 5 月 收入 |23 | 22 税 | | 21 现在如果我不传递 2020 年 5 月税收网格的数据

回答 1 投票 0

AgGrid ^31.2.0 |打字稿错误企业与社区

我正在建立一个使用AgGrid的react库+企业库的新项目。我已经安装了最新版本的 ag-grid-react、ag-grid-community 和 ag-grid-enterprise (^31.2....

回答 1 投票 0

ag grid:可以自定义单元格何时闪烁吗?

enableCellChangeFlash 用于刷新获取更新内容的单元格。 但是,我在几列上使用 valueFormatters,并且我只想在渲染的内容改变时闪烁单元格内容...

回答 2 投票 0

使用agRichSelectCellEditor时不显示用于输入的输入文本框

我试图按照教程(https://www.ag-grid.com/javascript-data-grid/provided-cell-editors-rich-select/)添加带有agRichSelectCellEditor的列,以便用户可以选择细胞...

回答 1 投票 0

Ag 网格柱样式

我在我的一个项目中使用 AG Grid。我想根据一个单元格值设置 Ag 网格中整个列的样式。目前我正在使用 单元格样式:参数=>{ if (params.value == "STRING1&quo...

回答 1 投票 0

Ag 网格单元格编辑选项作为带有文本字段的下拉列表,如果下拉列表中不存在,也可用于输入值

Ag 网格允许将其单元格中的值作为文本字段进行编辑或从下拉列表中选择值。 我已经浏览过此链接https://www.ag-grid.com/archive/25.0.0/documentation/react/provided-cell-

回答 1 投票 0

Ag-grid 未检测到导入

我正在尝试在 React Ag 网格中的一列上使用 aggFunc 属性。我收到一条警告: AG Grid:无法使用 aggFunc,因为尚未导入包“ag-grid-enterprise”。 C...

回答 1 投票 0

将行选择与行复选框选择分开?

ag-grid 是否支持将行选择与选中的复选框分开? 我的用户需要选择一行(单击它或键盘导航)才能查看有关该行的更多详细信息。然后他们需要检查

回答 3 投票 0

如何更改Ag-grid React侧边栏搜索框占位符?

我正在使用 ag-grid-react 31.1.1 和 React 18.2。 我想更改侧边栏搜索框的占位符。 这是我的 DefaultSideBar 道具: 导出常量defaultSidebarDef = { 工具面板:[ { ...

回答 1 投票 0

AG Grid 的可定制性如何?

我们正在为我们正在开发的 Web 应用程序研究各种表格框架。 AG Grid 看起来非常有前途,尽管目前还不清楚它的可定制性如何。通过定制我...

回答 1 投票 0

Ag-Grid 单击单元格内的图标时防止 onRowClicked 事件

我有一个单元格渲染器,它返回行上的名称属性和对象: const nameRenderer = ({ 值, 数据 }) => { const { id:queueId } = 数据; 返回 ( &...

回答 3 投票 0

Angular 11 Ag Grid 在一列中显示单选,并仅根据单选单击进行行选择

我正在使用 ag-grid (在 Angular 项目中)渲染表格,我想在一列中显示带有相应单选的行,当我单击它时,仅选择行的行而不是整行

回答 1 投票 0

使用ag-grid为cellRendererFramework传递多个值?

我只看到了一个与此相关的问题,并且没有发布答案。 我有一个角度应用程序 usnig ag-grid。它使用 cellRendererFramework 渲染 a 列的数据以显示在...

回答 3 投票 0

如何卸载ag-grid-community

我正在尝试从我的 React 项目中卸载 ag-grid-community,但我尝试过的众多 npm 卸载命令似乎都没有任何效果。我尝试过很多变体 npm 卸载...

回答 1 投票 0

ag-grid 反应 rowData 不更新

我正在使用 ag-grid React 并尝试使用 api 更新数据: rowNode.setData() 但是当我尝试读取 rowData 时它没有改变...... 我的代码: 从 'ag-grid-r... 导入 { AgGridReact }

回答 1 投票 0

如何使用ag-grid禁用行?

我与ag-grid合作,我发现了如何在文档中禁用列(https://www.ag-grid.com/documentation-main/documentation.php) 但读完文档后,我从来没有找到如何才能只排一行

回答 3 投票 0

AgGrid“列工具面板”复选框,如何触发onCheck事件?

我正在使用Aggrid,我需要在侧边栏(列工具面板)中触发onCheck事件。 tldt:有没有办法获取侧边栏(列工具面板)的onCheck事件? 我没找到我...

回答 2 投票 0

如何在透视模式下自定义标题?

我正在使用 AG Grid enterprise,在使用透视模式时找不到复制 headerRenderer 属性的选项。 在链接的 Plunkr 中,我正在更改“年份”列的组件......

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.