ag-grid 相关问题

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

Ag-网格行拖动(约束到网格/防止拖出网格区域)

ag-grid 文档中的所有行拖动示例都会阻止行被拖出网格区域。 https://www.ag-grid.com/javascript-grid-row-dragging/ 我想完成这个作为

回答 2 投票 0

将ag grid与vuejs结合使用,如何在不重置每个单元格的情况下使每个单元格具有反应性?

我在 Vue3 中的 AgGrid 中遇到了一些关于反应性的问题。 我想让每个单元格通过自定义输入组件(CellRenderer + CellRendererParams)对其他单元格的更改做出反应。 对于

回答 1 投票 0

Ag-GRID 与 Angular:渲染问题

我尝试在我的 Angular 12 / Bootstrap 5 应用程序中放置一个 ag-grid 表,但我有一个奇怪的问题:该表在渲染时的高度为 0px。 这是渲染的表格: 渲染表 通过使用

回答 1 投票 0

Ag-Grid |使用 SSRM 设置行计数

我在 AgGrid 中使用服务器端行模型 (SSRM)。到目前为止,我的自定义数据源每次调用 getRows 时都会获取总行数和下一页结果......

回答 1 投票 0

服务器端过滤中的Ag-grid setFilter

我只是想检查是否可以在回调中以复杂对象而不是字符串数组的形式给出 setFilter 值。我们需要 setFilter 来拥有复杂对象的原因是因为...

回答 2 投票 0

为什么没有使用 vuejs 将新行添加到 ag-grid 中?

我在 vue.js 应用程序中有一个 ag-grid 组件,声明如下: 我在 vue.js 应用程序中有一个 ag-grid 组件,声明如下: <ag-grid-vue :enable-sorting="false" :enable-filtering="false" :suppressDragLeaveHidesColumns="true" :rowData="category.policyDocuments" :gridOptions="policyGridOptions" @cellValueChanged="savePolicyRow" @grid-ready="onPolicyGridReady($event, category)" class="w-100" style="height: 200px"> </ag-grid-vue> 绑定到此打字稿视图模型: export class PolicyListViewModel { status: PolicyDashboardStatus; policyLists: DocumentWalletPolicyDocumentList[] = []; gridApi: GridApi | null = null; policyDocuments: DocumentWalletDocumentViewModel[] = []; constructor(status: PolicyDashboardStatus) { this.status = status; } get shouldShow(): boolean { return this.policyDocuments.length > 0; } updateDocuments(): void { this.policyDocuments = this.policyLists .map(list => list.policyDocuments) .reduce((a, b) => a.concat(b), []); } } 当我的页面首次显示时,我得到了正确的数据。当我使用新数据调用 updateDocuments 时,网格不会更新。我已经在 vue devtools 中验证了 rowData 属性正在更新。 ag-grid 文档会建议组件应对更改做出反应。有什么想法我做错了吗? 啊哈。终于弄清楚了,发布在这里以防对其他人有帮助。 看起来我的问题是同时绑定gridOptions和rowData。一切都工作正常除了当rowData改变时刷新。我假设这是因为网格选项有自己的 rowData 属性,并且 ag-grid 包装器正在使用一个副本中的数据并检测另一个副本上的更改(或类似的东西)。 我将 gridOptions 绑定替换为 columnDefs 绑定(在本例中是我需要设置的唯一选项),一切都开始正常工作。 尝试: :row-data="Array.from(rowData)" 或 :row-data=[...rowData]"

回答 2 投票 0

为什么从 rowData 引用值中删除一行后,ag-grid 并不总是更新?

我发现在使用 vue 的 ag-grid 社区版中,如果我从 rowData 数组中删除一行,则删除的行会立即从网格中删除。我可以立即看到更新。但任何

回答 1 投票 0

在 Oracle 中将子表行转换为逗号分隔值

我有一个要求,我希望子表行显示为逗号分隔的字符串而不是多行。 父表:员工 ID 姓名 I1BF91860BCB711EDBF4EF0FBCBCA9E17 蒂姆

回答 2 投票 0

ag-grid 如何删除行

我正在使用ag-grid v1.7和angularJS 1.6.1 网格列定义 - var 列定义:[ {headerName: 'Col A', 字段: 'a'} {headerName: 'Col B', 字段: 'b'} {headerName: '删除', 字段: '

回答 1 投票 0

AG Grid Wrap 文本中的空格是否可以断词

我正在React Web应用程序中使用Ag Grid。 问题是我需要显示很长的文本。 当我使用 wrapText={true} 和 autoHeight={true} 属性时,所有内容都分成像支持的行...

回答 2 投票 0

ag 网格格式一行为百分比,一行为小数

我第一次使用ag grid,看起来很棒。我有一张有两行的桌子。一行显示百分比,其他行数字带有千位分隔符,如下例。 列 1 列 2...

回答 1 投票 0

Ag grid Enterprise agNumberCellEditor 无法工作

我正在使用 Ag Grid enterprise,当我用于专栏时,内置编辑器出现以下错误,有什么想法 { headerName: "分支机构", 字段:“分支机构”, 宽度:120,

回答 1 投票 0

当列虚拟化开启时,如何自动调整ag-grid中所有列的大小?

根据ag-grid文档(https://www.ag-grid.com/javascript-data-grid/column-sizing/) “选择权在你,无论你想要列虚拟化工作还是自动调整大小工作......

回答 1 投票 0

如何向 Ag Grid 中的列单元格添加“编辑”图标?

我在我的项目中使用Ag Grid。两列由可编辑单元格组成。我想向这些单元格添加一个编辑图标以表明它们是可编辑的。我尝试使用 细胞渲染器 在 列定义 ,但是安装...

回答 1 投票 0

如何在页面滚动时使ag-grid中的所有列标题以角度方式粘滞(固定)?

我已经尝试了两天,但仍然找不到解决方案,请任何人帮助我。

回答 2 投票 0

Ag-grid 如何查找指定行的当前页面(启用排序)?

我有一个启用排序的多页农业网格。 当新项目添加到 ag-grid 时,它可能会根据排序选择将其添加到不同的页面(不是当前可见的页面)。难道是……

回答 1 投票 0

动态调整ag-Grid header高度

有没有办法调整ag-Grid中标题的标题高度?如果标题长于列宽,我想增加高度。我知道我可以在网格中设置高度...

回答 2 投票 0

AG-Grid React 列组状态打开和关闭

我正在使用 AG Grid 社区版,并且我有一个(可能)愚蠢的反应问题。我有一些列组,其中一些列是隐藏的,直到您单击列组标题。我正在实施搜索

回答 1 投票 0

如何使用streamlit ag-grid选择过滤行?

我正在使用streamlit Ag-Grid 来显示表格。我允许用户使用过滤器选项进行过滤。 表过滤器 当用户过滤任何列时,它会按预期工作。 我现在想允许...

回答 4 投票 0

Ag-grid-angular 如何提高表格性能?

当我使用 JSON 数据渲染表格时,每个单元格都是自定义渲染的。当表中有很多列或行时,表渲染会停止。您有什么优化建议吗?或者不

回答 1 投票 0

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