【发布时间】:2020-10-04 08:39:15
【问题描述】:
使用 [React+Typescript] 我需要在表格上实现上下文菜单 [点击行单元格和列标题]。
查看了几个库: ag grid 在企业版中提供上下文菜单,仅适用于行单元格。 react-data-grid 提供行级上下文菜单。但是这个库的文档维护很差,开发起来很困难
可以请任何人建议我如何做到这一点?
【问题讨论】:
标签: reactjs typescript create-react-app
使用 [React+Typescript] 我需要在表格上实现上下文菜单 [点击行单元格和列标题]。
查看了几个库: ag grid 在企业版中提供上下文菜单,仅适用于行单元格。 react-data-grid 提供行级上下文菜单。但是这个库的文档维护很差,开发起来很困难
可以请任何人建议我如何做到这一点?
【问题讨论】:
标签: reactjs typescript create-react-app
您实际上可以使用 AG-Grid(即使没有企业版)实现您正在寻找的东西。
我们目前正在为我们的表格使用 AG-Grid(免费版),它可以显示上下文菜单,因为您可以使用 AG-Grid 编写自己的单元格渲染器函数。 (列渲染器功能分别)。 这些 Cell 渲染器可以用 React 或纯 Javascript 编写。
如果您自己编写 Cell Renderer,则您可以完全控制与任何给定单元格交互时发生的情况。
您甚至可以实现更复杂的 Cell 渲染器,以各种方式与用户交互。
这里是阅读更多内容的链接: https://www.ag-grid.com/javascript-grid-cell-rendering-components/
希望这会有所帮助。
免责声明: 我与 AG-Grid 或其开发人员没有任何关系。
【讨论】: