程序员经验分享-hwhale

创建一个可以在 React 上拖放列和行的表格

2023-12-28

我想创建一个可以在 React 上拖放列和行的表格。我看过其他解决方案，例如反应美丽 dnd https://github.com/atlassian/react-beautiful-dnd, 表格拖动器 https://github.com/sindu12jun/table-dragger等等。到目前为止我发现的最好的一个是ag Grid https://www.ag-grid.com/example.php但这需要我获得许可证。我一直在寻找其他解决方案，甚至尝试自己在 React 中构建此功能。有谁了解如何实现此功能，甚至推荐其他可以帮助实现此功能的解决方案。


您可以使用不同的开源软件包来实现此目的。无需自己实施。一些值得研究的例子：

  1. 反应表临时可拖动列 https://www.npmjs.com/package/react-table-hoc-draggable-columns
  2. 反应可排序特设 http://clauderic.github.io/react-sortable-hoc/#/basic-configuration/basic-usage?_k=5cgrgl
  3. 材料表 https://github.com/mbrn/material-table
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

ReactJS

draganddrop

创建一个可以在 React 上拖放列和行的表格 的相关文章

随机推荐

  • Netbeans - 在 jComboBox 中输入项目

    我已经从 netbeans 生成了一个 GUI 其中也放置了一个组合框 默认情况下 组合框中的项目为 item1 item2 item3 item4 但我想要我自己的东西 Netbeans 不允许编辑生成的代码 所以我如何根据我编辑comn

  • Rails postgres 错误：双精度类型的输入语法无效

    我正在尝试以下操作 user calendars where extract day from time from next day 但我不断收到此错误 PG InvalidTextRepresentation ERROR invalid

  • 是否可以从 SwiftUI 使用 ASWebAuthenticationSession ？

    我想使用 OAuth API 进行身份验证ASWebAuthenticationSession但它似乎无法从 SwiftUI 中使用 这就是我想要的 struct ContentView View ASWebAuthenticationPr

  • 即使 UI 状态表明不显示加速键，TLabel 也会显示加速键

    With default Windows settings accelerator keys are not meant to be shown on dialogs until the user presses the ALT key 德

  • 更改 MailChimp 的成功/错误消息

    我在任何地方都找不到这个 熟悉 MailChimp 的人可以提供建议吗 我已经嵌入了我的表单 输入 并且有一些空的 div 如下 其中注入了错误 成功消息 div class clear div class response style d

  • 使用 Mailgun 和 NodeMailer 包发送电子邮件

    几天前 我意识到谷歌已经改变了 Gmail 帐户的安全性 特别是从应用程序发送电子邮件的可能性 在谷歌搜索了一段时间后 我找不到解决办法 所以 我求助于 Mailgun 我创建了一个帐户并启用了业务验证 但是 我仍然无法发送电子邮件 我不断

  • 如何过滤掉 Base36 ID 中的脏话？

    我想在我正在开发的 Web 应用程序中使用 base36 但由于 id 作为 url 对用户可见 所以我想过滤掉脏话 有人解决这个问题了吗 或者这真的是一个问题吗 仅跳过数据库序列中的数字有意义吗 好吧 与其尝试收集所有可能的脏话 不如过滤

  • Javascript argument.sort() 抛出错误排序不是函数

    只是想知道为什么我在使用以下简单的 JavaScript 函数时遇到错误 function highest return arguments sort function a b return b a highest 1 1 2 3 错误消息

  • 给定一个字符串，仅在一次扫描中找到其第一个非重复字符

    给定一个字符串 找到其中第一个不重复的字符 为了 例如 如果输入字符串是 GeeksforGeeks 那么输出应该是 F 我们可以使用字符串字符作为索引并构建一个计数数组 以下是算法 从左到右扫描字符串并构造计数数组或 哈希映射 再次从左到

  • $_SESSION 变量需要 mysql_real_escape_string() 吗？

    我应该使用mysql real escape string 我的 MySQL 查询中的函数 SESSION变量 理论上 SESSION与以下不同 最终用户无法修改变量 GET or POST变量对吗 谢谢 不管用户是否可以修改数据 您可能都

  • 如何在 pyplot 中以对数比例绘制 secondary_y

    我想在一个图中有两条线 或更好的散点图 辅助 Y 线应采用对数刻度 如何使用 python matplotlib 做到这一点 您可以使用以下命令创建第二个 y 轴ax2 ax twinx 然后 正如 tacaswell 在评论中指出的那样

  • 在 Visual Studio 解决方案资源管理器中标记或突出显示文件

    是否有一个插件允许我在 Visual Studio 中标记或标记文件 然后这些文件会以视觉方式突出显示 例如不同的背景颜色 我搜索了 Visual Studio Gallery 但没有找到任何东西 Thanks 要仅突出显示解决方案资源管理

  • mysql TIME_WAIT;连接数过多问题

    当我在现场检查 mysql 加载时间时 我得到的结果显示连接为 TIME WAIT 即使我关闭了每个页面上的连接 有时网站无法加载 表示连接太多 有什么办法可以解决这个问题 预先感谢您的任何回复或建议 如果客户端连接到 MySQL 服务器

  • 使用 imshow 打印一种颜色 [关闭]

    Closed 这个问题需要调试细节 help minimal reproducible example 目前不接受答案 我想使用 RGB 值在屏幕上打印颜色 并且输出应该只是单一颜色 例如 如果我给出红色的 RGB 值 我希望输出显示红色

  • 如何在 Keras 中使用 model.reset_states() ？

    我有顺序数据 并且声明了一个 LSTM 模型来预测y with x在喀拉斯 所以如果我打电话model predict x1 and model predict x2 调用是否正确model reset states两者之间predict

  • 如何使用 SwiftUI 在视图上检测向上、向下、向左和向右滑动

    我正在着手构建 Apple Watch 应用 我目前正在做的工作将要求我利用检测四个主要方向的滑动 UP DOWN LEFT and RIGHT 问题是我不知道如何检测到这一点 我环顾四周 发现自己走进了死胡同 我可以对下面的视图做什么才能

  • JQuery UI 翻转文本，就像gumroad.com [关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 我试图在我

  • 在 Chapel 文件中包含第二个源文件

    在 C 中 当我需要 actions cpp 中的类时classes cpp我包括标题 例如 include

  • 如何读取和遍历 inode

    我已经在 EXT2 文件系统中打开了超级块和组描述符 但我不知道如何读取根目录或其中的文件 这是我得到的一些内容 fd open dev sdb2 O RDONLY lseek fd SuperSize SEEK SET read fd s

  • 创建一个可以在 React 上拖放列和行的表格

    我想创建一个可以在 React 上拖放列和行的表格 我看过其他解决方案 例如反应美丽 dnd https github com atlassian react beautiful dnd 表格拖动器 https github com sin

热门标签