【问题标题】:How to implement context menus on Table Using [React+Typescript]如何使用 [React+Typescript] 在 Table 上实现上下文菜单
【发布时间】:2020-10-04 08:39:15
【问题描述】:

使用 [React+Typescript] 我需要在表格上实现上下文菜单 [点击行单元格和列标题]。

查看了几个库: ag grid 在企业版中提供上下文菜单,仅适用于行单元格。 react-data-grid 提供行级上下文菜单。但是这个库的文档维护很差,开发起来很困难

可以请任何人建议我如何做到这一点?

【问题讨论】:

    标签: reactjs typescript create-react-app


    【解决方案1】:

    您实际上可以使用 AG-Grid(即使没有企业版)实现您正在寻找的东西。

    我们目前正在为我们的表格使用 AG-Grid(免费版),它可以显示上下文菜单,因为您可以使用 AG-Grid 编写自己的单元格渲染器函数。 (列渲染器功能分别)。 这些 Cell 渲染器可以用 React 或纯 Javascript 编写。

    如果您自己编写 Cell Renderer,则您可以完全控制与任何给定单元格交互时发生的情况。

    您甚至可以实现更复杂的 Cell 渲染器,以各种方式与用户交互。

    这里是阅读更多内容的链接: https://www.ag-grid.com/javascript-grid-cell-rendering-components/

    希望这会有所帮助。

    免责声明: 我与 AG-Grid 或其开发人员没有任何关系。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-09-30
      • 2014-06-03
      • 1970-01-01
      • 2019-05-01
      • 2017-10-15
      • 1970-01-01
      相关资源
      最近更新 更多