【问题标题】:How to export a hidden column in Syncfusion React Grid如何在 Syncfusion React Grid 中导出隐藏列
【发布时间】:2021-04-09 14:32:02
【问题描述】:

我有一个 Syncfusion 网格(来自“@syncfusion/ej2-react-grids”)反应组件,它将帐户状态列显示为图标,但是在导出此列时,我希望它导出状态名称而不是图标。

只有当我也使状态名称列可见时,我才能导出状态名称列,这是不可取的(在 UI 上我们只想显示状态图标)。

应该怎么做 - 隐藏列但在 Excel 或 CSV 文件导出中显示?我花了几个小时寻找这个看似简单的问题的正确答案,但到目前为止还没有运气。

谢谢

【问题讨论】:

    标签: reactjs grid export syncfusion


    【解决方案1】:

    我们已经验证了您的要求。通过将 ExcelExportProperties.includeHiddenColumn 定义为 true,Excel 导出提供了导出网格隐藏列的选项。有关详细信息,请参阅以下文档。

    导出所有隐藏列:https://ej2.syncfusion.com/react/documentation/grid/excel-exporting/#export-hidden-columns

    上述解决方案导出了 Grid 中的所有隐藏列。我们还可以选择导出网格中的特定隐藏列。

    您可以在打印网格时使用 toolbarClick 和 ExcelExportComplete 事件显示隐藏列或隐藏可见列。

    在toolbarClick事件中,基于args.item.id为Grid_excelexport。我们可以通过将 column.visible 属性分别设置为 true 或 false 来显示或隐藏列。在 excelExportComplete 事件中,我们已经将状态反转回之前的状态。有关详细信息,请参阅以下文档。

    在导出的 Excel 中显示或隐藏列:https://ej2.syncfusion.com/react/documentation/grid/excel-exporting/#show-or-hide-columns-on-exported-excel

    示例:https://stackblitz.com/edit/react-ocqmux-gfpxrp?file=index.js

    当您导出 Grid 时,将触发 excelQueryCellInfo 事件。在这种情况下,您可以根据需要自定义特定的列文本。

    excelQueryCellInfo:https://ej2.syncfusion.com/react/documentation/api/grid/#excelquerycellinfo

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-01-15
      • 2018-03-25
      • 2017-04-26
      • 2022-10-13
      • 1970-01-01
      • 2021-12-23
      • 2020-05-25
      • 2020-04-12
      相关资源
      最近更新 更多