将数据透视表上的列标题格式设置为ag-grid中的日期

Question

我正在为ag-grid（反应）中的日期列使用valueFormatter，如下所示：

columnTypes: {
                "dateColumn": {
                    filter: 'agDateColumnFilter',
                    enableRowGroup: true,
                    valueFormatter: Blotter.formatDate,
                    enablePivot: true,
                    enableValue: true                 
                }
}

其中Blotter.formatDate是一个简单的格式化程序，它以用户首选的格式输出日期。但是，在我的应用程序中，常见的要求是使用日期系列构建数据透视表，因此date列最终位于数据透视表定义的“列标签”部分中。当我这样做时，日期列标题会显示完整的，未格式化的日期，并且也不会以任何特定顺序进行排序。如何使列标签以合理的方式格式化日期并按从左到右的顺序对它们进行排序？

这就是我所看到的：

顶部的日期来自“位置日期”列，当未启用枢轴功能时，其显示如下：

谢谢， 特洛伊

Answer 1

我也遇到了同样的问题。我终于找到了解决方案。

您必须在列定义上设置keyCreator

Answer 2

正如 Olivier 提到的，您可以将 keyCreator 属性用于您的目的。

但请注意，当您将它与 valueFormatter 一起使用时，它会导致您的 Pivot 出现奇怪的行为。

这里是官方文档的链接，您可以在其中了解更多信息

• https://www.ag-grid.com/angular-grid/column-properties/