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

标签 ag-grid ag-grid-react

我正在 ag-grid (react) 中的日期列使用 valueFormatter,如下所示:

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

其中 Blotter.formatDate 是一个简单的格式化程序,它以用户首选的格式输出日期。但是,我的应用程序中的一个常见要求是使用日期系列构建数据透视表,以便日期列最终出现在数据透视定义的“列标签”部分中。当我这样做时,日期列标题显示完整的、未格式化的日期,并且也不按任何特定顺序排序。我怎样才能使列标签以合理的方式格式化日期并让它们从左到右递增排序?

这是我所看到的: enter image description here

顶部的日期来自“位置日期”列,当枢轴未打开时,该列呈现如下:

enter image description here

谢谢你, 特洛伊

最佳答案

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

您必须在列定义上设置keyCreator

关于ag-grid - 将数据透视表上的列标题格式设置为 ag-grid 中的日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58474432/

相关文章:

angular - 在 ag-Grid 中自定义 Material 主题不使用复选框的强调色

ag-grid右键单击功能

reactjs - 使用带有 typescript 的 ag-grid-react 的错误

javascript - 未捕获的类型错误 : Cannot read property 'setDomLayout' of undefined - Error when trying to make print function work with AG-Grid

javascript - 单击单元格内的图标时,Ag-Grid 防止 onRowClicked 事件

angular - 加载网格后无法更改 overlayNoRowsTemplate

javascript - ag-grid 自定义过滤器添加了一个清除过滤器按钮。 JS 不是 Angular

angular - 如何在 Angular 6 中导入 ag-grid 主题

javascript - 仅省略号文本上方的 Ag-grid 工具提示

javascript - 表格样式在 AgGridReact 组件上无法正常工作?