问题标签 [gridjs]

我正在使用 gridjs-react 创建一个自定义网格，如下所示：

输出是一个包含 2 行的表，可以按“姓名”和“电话”排序。但是，它不能按具有 <input> 或任何其他 React 组件的“复选框”列进行排序。

我最终希望能够根据复选框是选中还是禁用或者如果可能的话按其值对表格进行排序。

不使用默认搜索栏，我想将其自定义如下：

1. 在搜索栏前面添加一个按钮。
2. <i className="fa fa-search"/>在搜索占位符中使用图标 ( )。

到目前为止，这是我的代码：

我正在使用该gridjs-react库创建一个表，如下所示：

但是，我想最终向 dom 添加一个项目来获得这个：

我考虑过使用ref，但我无法访问以下 div，因为它仅在组件 Grid 安装后呈现：（据我所知）

这个片段可以工作，但是加载消息和轻弹/重绘所有表格正在破坏用户体验。

目前在 reactjs 中使用 grid.js 创建我的数据表。

这是我的代码

我想在我的网格 js 中显示行索引/自动增量。我应该如何编辑此代码？

我得到了这个结果：

我不能使用 ID 作为行索引，因为当我删除一个详细信息时，ID 仍然存在，只有状态将更改为已删除（这不会显示在网格中），所以我需要行索引。非常感谢任何帮助

使用gridjs.io，我想在初始化 gridjs 表时执行搜索。更一般地说，我想知道如何在用户不使用输入字段的情况下以编程方式使用搜索。

我尝试了什么：

• 启用搜索插件（使用输入字段时搜索工作正常）
• 我尝试通过使用 javascript 选择输入字段并将其值更改为我的关键字来“缩小”用户输入。这没有过滤表格。仅当手动键入过滤时才会应用。

示例代码不起作用：

HTML

Javascript

结果 应过滤网格，但仍显示所有行。未分派过滤器事件。如何使用 javascript 调度事件？

我正在使用反应路由器和 gridjs，并希望在单元格中显示一个链接，用户可以单击该链接以访问详细信息页面。

作为第一种方法，我尝试使用列格式化程序：

我收到以下错误： Error: Invariant failed: You should not use <Link> outside a <Router>

这是我尝试使用的另一种方法useHistory：

如果我在同一个组件中在 Grid 之外使用 CellLink，它可以工作，但如果我在单元格中使用它，我会得到TypeError: Cannot read property 'push' of undefined.

<Link />有没有办法让historyreact-router 在单元格 gridjs 中工作？任何建议将不胜感激。

我试图找出是否有 GridJS 的默认排序列设置。 https://gridjs.io/docs/examples/sorting

看着这个 - 并试图理解代码 - 我没有看到任何明显的东西。

有人知道我是否遗漏了什么吗？

我正在使用 Grid.js 在反应中呈现表格。我需要提取其中一个单元格中的数据。当我映射 args 时，我得到两个结果......一个 MouseEvent 和 'n' 包含我需要的数据。如何从“n”结果中提取数据？下面是我从图片下方的当前代码中收到的图像。

这是“n”数据的样子，我圈出了我想要提取的内容。

我已经坚持了一段时间。我有一个对象数组，其中所有对象的键都相同（见下文）。我正在尝试从数组 [0] 中的第一个对象中提取数据。但是，当我 console.log 数据时，我得到未定义的“无法读取属性 '0”。这是我刚刚过滤数据时收到的数据图像。

这是我用来获取该数据的代码：

当我向 console.log 添加索引 0 时，console.log(data.cells[0]);我得到无法读取未定义的属性 0