ag-grid 相关问题

由于对ag-grid中的其他列进行排序，如何禁用对序列号列的排序效果

我想要一个固定的序列无列，而不管其他列上的排序如何。目前，当我对其他列进行排序时，序列号也没有列也被交换，从而混淆了序列号没有列的顺序...

在ag grid 30.0.2中使用paginationpagesize时出现错误

这里我在 ag grid 版本 30.0.2 中添加 paginationPageSizeSelector 但使用 ag-grid Angular 出现此错误 错误： 这里我在 ag grid 版本 30.0.2 中添加 paginationPageSizeSelector 但使用 ag-grid Angular 出现此错误 错误： <ag-grid-angular class="ag-theme-alpine" [columnDefs]="columnDefs" [pagination]="true" [paginationPageSize]="pageSize" [paginationPageSizeSelector]="[10,20,30]" [rowHeight]="45" [defaultColDef]="defaultColDef" [rowData]="rowData" [animateRows]="true" [rowModelType]="rowModelType" (gridReady)="onGridReady($event)" (firstDataRendered)="onFirstDataRendered($event)" [cacheBlockSize]="cacheBlockSize" [enableRangeSelection]="true"> </ag-grid-angular> 我尝试手动给出 [10,20,30] 等数组的大小，并且通过变量仍然收到错误 我也遇到了同样的问题，你可以升级到更高版本就可以了。我升级到31了

React ag 网格条件单元格渲染器

我希望 prop cellRenderer: 'agGroupCellRenderer' 有条件地工作。 前任， { headerName: '测试名称', valueGetter: 参数 => { 返回 .....; }, 细胞渲染器：'

在ag-grid React中，我们如何通过真正的服务器API调用进行服务器端分页？

在ag-grid React中，我们如何通过真正的服务器API调用进行服务器端分页？网格如何知道分页的剩余计数以显示下一页按钮？ 我不知道该怎么说

在dom中的特定路径中创建aggrid单元格编辑器

我正在使用 Angular 16 和 AgGrid 30。 我希望在不同的路径上创建单元格编辑器，目前它是在底部 div 元素的 body 中使用此类创建的：ag-theme-material ag-popup 和 ins...

rangeSelectionChanged Ag 网格破折号图

我想在 Dash Plotly 中使用 Ag Grid 的范围选择功能，但此代码不起作用： 导入破折号 从破折号导入html 从破折号导入 dcc 从 dash.dependency 导入输入、输出，

ag-grid 错误拒绝加载字体导致 css 破坏问题

我在生产中使用 ag-grid 时遇到此错误拒绝加载字体 'data:font/woff2;charset=utf-8;base64,

如何让 Dash Ag-Grid 列更宽？

我正在 Python Dash Ag-Grid 中制作一个表格，但我似乎无法使列更宽。我的右侧有很多额外的空间，我认为 columnSize=auto-size 或 columnSize=sizeToFit 会使得

如何从外部vue组件访问AG-Grid网格API？

我的应用程序有一个 Home vue 组件和一个 AgGrid vue 组件。 AgGrid 在 Home 内部渲染并包含实际的 AG-Grid，Home 看起来像这样： 我的应用程序有一个 Home vue 组件和一个 AgGrid vue 组件。 AgGrid 在 Home 内部渲染并包含实际的 AG-Grid，Home 看起来像这样： <template> <AgGrid :rows="rows" :columns="columns" /> </template> <script setup> import { ref, onBeforeMount } from 'vue' import AgGrid from '@/components/AgGrid.vue' import { rows, columns } from '@/services/connector' const rows = ref() const columns = ref() onBeforeMount(async () => { rows.value = rows() columns.value = columns() }) </script> AgGrid 看起来像这样： <template> <AgGridVue :rowData="rows" :columnDefs="columns" /> </template> <script setup> import 'ag-grid-community/styles/ag-grid.css' import { AgGridVue } from 'ag-grid-vue3' import { ref } from 'vue' const props = defineProps({ rows: { type: Array, required: true }, columns: { type: Array, required: true } }) </script> 如何从AgGrid访问Home的AG-Grid Grid API？ 借助 模板参考，您应该能够做到这一点。 <AgGrid :rows="rows" :columns="columns" ref="gridRef" /> 然后 gridRef.value.specificGridApiMethod()

AG-Grid 异步 valueGetter？ （总是返回 [object Promise]）

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

如何添加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 文档的“行分页”部分，网址为此链接。

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

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

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

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

ag grid：可以自定义单元格何时闪烁吗？

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

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

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

Ag 网格柱样式

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

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

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

Ag-grid 未检测到导入

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

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

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

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

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