问题标签 [ag-grid-react]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
10261 浏览

reactjs - 单击AgGrid中自定义渲染单元格内的链接后如何防止行选择

我正在使用 AgGrid 并rowSelection="multiple"在我的网格上,{cellRendererFramework: PrintCell}在最后一列上,这是一个显示链接的小组件。

我想要这样,当我点击里面的链接时PrintCell,应该执行某个动作,而不改变网格本身的状态,并保持当前选定的行被选中而不使包含链接的行被选中。我尝试这样做event.stopPropagationevent.preventDefault阻止父行被选中,但无济于事。

任何想法如何实现这一目标?谢谢

0 投票
2 回答
1674 浏览

javascript - 带有反应的ag-grid不起作用

我在让 ag-Grid 与我的 react 应用程序一起工作时遇到问题。无论我尝试什么,我只得到一些文本,我看不到网格。我不知道我错过了什么。这是我的代码:

我没有包含一些 CSS 文件,Home.js并且Cities.js因为它们目前没有呈现任何内容。这是我得到的结果:

结果页面

如您所见,我没有看到网格,只是一些奇怪的文字。我一直在浏览 ag-grid 主页并尝试他们的示例代码,但我一直都得到这个。

有任何想法吗?

0 投票
1 回答
653 浏览

reactjs - 以编程方式单击 ag-grid 中一个单元格内的按钮

如何模拟单击 Ag-Grid 第一行最后一列上呈现的按钮?我能够使用getDisplayedRowAtIndex(0). 但不知道如何进一步进行

任何指针?

** 尝试使用酶包装模拟点击以进行测试。

0 投票
1 回答
2685 浏览

javascript - AgGridReact 不会在数据更改时重新渲染

我将 rowData 和 columnDefs 作为道具传递。网格正在正确加载。但是,当数据发生变化时,Grid 不会重新渲染。它来到父组件的渲染,并传递给 AgGridReact。但是,仍然没有重新渲染。

由于它是一个完整的 React 应用程序,我在https://github.com/jintoppy/ag-grid-upgrade中添加了代码

主要代码如下。

0 投票
2 回答
1155 浏览

jquery - 按钮单击应显示数据
在 ag-grid 中使用 cellRenderer

我有 ag-grid 表。我正在用按钮替换“Bookingxml”列数据。单击该按钮时,它应该在“out”div 中显示该特定单元格的数据。我浏览了文档并认为 cellRenderer 是这样做的方法。我尝试了下面的代码,但没有奏效。

0 投票
0 回答
789 浏览

reactjs - . 获取 ag-grid 中可见行的状态

我在我的 React 应用程序中使用 Ag-grid,当用户达到 90% 的可见行时,我需要触发一个操作(无论他们是滚动还是单击“下一步”按钮)。我怎么知道?我应该使用哪个事件?

我的想法是,每次用户达到加载行的 90% 时,我都会触发定义的操作。非常感谢。

编辑:

这就是我所拥有的,它正在正确显示数据,现在我需要一个事件onSomeEvent={some.handler},让我知道他看到的是哪一行,以便知道他何时达到加载的总行数的 90%。

0 投票
10 回答
45273 浏览

javascript - 如何将 AG 网格控件的标题中的文本居中?

如何将 AG 网格控件的标题中的文本居中?我曾尝试在列定义中使用 cellstyle 和 cellclass 但这不起作用。谢谢

0 投票
2 回答
619 浏览

javascript - 如何按 ag-Grid 中的选定行过滤表?

由于select是 RowNode 的一个属性而不是数据的一部分,我如何通过那些具有的行过滤表select: true

我知道gridApi.getSelectedNodes()我也尝试过text过滤number

在包含 10,000 个项目的表中。用户需要能够在滚动和检查几行后只看到他们选择的行。

0 投票
0 回答
1113 浏览

ag-grid - 如何在 reactJS 中实现带有分页的 ag-grid 无限滚动

我正在尝试学习 reactjs,看看我们是否可以实现 ag-grid 无限滚动。我的目标是对每个页面更改进行服务器端调用并向用户显示数据。我查看了“ https://www.ag-grid.com/javascript-grid-infinite-scrolling/#gsc.tab=0 ”,但以下几点我不清楚:

1)需要进行服务器调用的确切位置,以便我为每个页面从服务器仅获取 10 行并显示给用户。

请帮忙。提前非常感谢。

0 投票
1 回答
1211 浏览

ag-grid - 如何使 Ag-Grid 排序 % 列

我在反应 Ag-Grid 中有列,将 5.08% 等百分比列作为字符串进行排序。我怎样才能让 ag-grid 将它们排序为数值呢?来自服务器的数据已经格式化为 0.00,并且有一个附加 % 符号的单元格渲染器。谢谢