问题标签 [ag-grid-angular]

我有要导出的网格：

上面有两列的示例：一列带有时间戳，一列带有对象。

我export()用来导出为 csv 的方法：

但是，在导出之前我很难找到值的格式，因为在这里我只得到标题和字段而没有值？当我将网格导出到 csv 而不是 datetime 时，我得到例如

这是时间戳，对于我的对象，我得到

而不是拥有Tom, Bob, Ben

有谁知道如何在导出之前格式化这些值？

我在我的 angular2+ 应用程序中实现了 ag 网格，过滤器对我来说工作正常，但对于某些字段我需要自定义过滤器，因为这些字段不是主数组中的直接字段，例如

我想通过名为 inner_field 的字段进行过滤，但无法使用自定义过滤器进行过滤

这是来自 floatingfiltercomponent 的代码

但它给出了错误，this.params.filterChangedCallback 不是一个函数，我不知道如何解决这个问题

过滤器适用于 xyz_field 但不适用于 inner_field

这是我想做的活生生的例子

我有一个模型，它的答案是字符串数组。

在组件中，我正在设置要在 UI 上显示的数据。

在 html 上

数据显示正确，但我不想在同一个网格上显示答案，而是在弹出窗口上显示答案，他们可以在其中更改答案或添加完全可以是不同组件的答案。如何在单击 ag-grid 的某个按钮上显示弹出窗口？

columnDefs 如下

其中 answer 是一个字符串数组。

在网格中，我可以在一行中显示此信息，但是当用户单击问题时，我想在树视图中显示所有答案。此外，数组中的每个答案都是一个 json 字符串，所以我想在 UI 上显示之前对其进行解析。我试图在问题上添加 rowGroup 但似乎不起作用。

我已完全按照以下指南中的说明进行操作：

在 Angular 项目中开始使用 ag-Grid

角度 Webpack 3

我的app.module.ts包括：

在vendor.css

在home.component.ts：

最终在模板中我添加了组件：

尽管构建时没有错误，但网格不会呈现。这就是我的 HTML 编译后的样子：

我认为 Angular 7/Webpack 4/Jhipster 加载应用程序的方式和 ag-grid-angular 之间可能存在不兼容。

你会提出任何解决方案吗？谢谢！

我使用 Ag Grid 来显示一个可编辑的表格，并且我将默认样式应用于单元格。我想在用户修改时更新单元格样式。所以我使用 cellValueChanged 事件并尝试更新修改后的单元格的样式。

您可以在Stackblitz中看到，每当我进行修改时，cellStyle 都会更新，但对于整个列，行为是：

1. 修改单元格
2. 应用于列的 cellStyle
3. 每当您单击单元格时，都会应用新样式（修改与否）

我想要做的是获取修改后的单元格并将样式应用于单元格本身。Ag Grid 有可能吗？

已解决：原来我正在导入不正确的 CSS，这会导致一些非常严重的问题，请阅读答案以获取更多详细信息

实施 ag-grid 后，数据显示，但我根本无法滚动。

我在这里做了一个stackblitz：https ://stackblitz.com/edit/angular-ytr1jj 。stackblitz 按预期工作，但由于某种原因，完全相同的代码无法在我的应用程序中滚动。

我尝试了多种渲染行的方法。我尝试弄乱 CSS 以查看是否有任何东西导致滚动条重叠。

到目前为止没有运气。我认为这可能与“指针事件”有关......

更新：我认为虚拟滚动需要在行上捕获鼠标事件，并且由于某种原因鼠标事件没有被捕获，因此无法滚动

更新 2：如果我设置pointer-events: none为 ，我可以让滚动条滚动.ag-center-cols-viewport。html 似乎在滚动时更新，并且行索引行 ID 等在滚动时更新，但是表视图似乎没有显示当前插入到 ref="ag-center-cols-viewport 中的行"（它们出现在 html 中但不可见）

我想实现 ag-grid Master Detail 功能。但它是企业级功能，我目前正在使用社区版本，由于某些限制，我的组织不想购买许可证。还有其他方法可以实现吗？谢谢你进阶了。

我正在使用框架的AgGridModuleAngular 包装器。ag-grid我的应用程序是一个 Angular AOT 应用程序，它使用ngx-translate库（它在页面加载时动态加载当前选择的语言的翻译数据文件）处理本地化。这意味着翻译只能异步使用。因此，我不能只在（推荐localeText的）中设置属性，因为在生成网格之前我没有文本。gridOptions

有谁知道如何处理这种情况？理想情况下，我只需将 RxJS 分配Observable给该localeText属性，该属性将在准备好时发送适当的文本对象，但这目前似乎不起作用。

根据我的逻辑，我无法在角度的 ag-grid 单元格中应用 css。我已将一个对象分配给网格。但是在那个字段上我已经分配了一个 Object.hours 值，我需要基于 Object.status 属性应用逻辑。

使用官方文档，我可以按此处提到的当前单元格值应用 css https://www.ag-grid.com/javascript-grid-cell-styles/#cell-style-cell-class-cell-class-rules -参数。但我需要根据父 Object.status 应用它

上面的代码正在运行，并且 text-danger 类已分配给单个单元格

在 'text-danger' 中需要帮助：'mon.status == `Submitted' 行它不是那样工作的