问题标签 [mui-datatable]

我正在尝试使用 MUI DATATABLE 实现一个表。我想在垂直滚动而不是分页时显示记录。如果我们提供分页，那么用户必须单击下一页才能查看下一条记录。所以我想实现一个像延迟加载这样的表。我已经看到 MUI DATATABLE 中没有选项可以在我们滚动时加载记录。是否有任何选项可以延迟加载记录。

这是我第一次尝试在 React 中使用 MUI-Datatables。我想从我在复选框上选择的行中获取数据。

这只给了我所选行的索引。有没有办法获取其行的数据。我需要该行的第一个单元格来删除/更新数据库。谁能帮帮我谢谢。

在实施自定义过滤器选项之前，温度（数字类型）显示为附加了“° C”的字符串，但仍保留该值，因为它能够相应地排序（升序和降序）。实现自定义过滤器选项后，我不再能够根据值进行过滤，而是根据从 customBodyRender 返回的字符串进行过滤。例如，如果我将最小值指定为 3，则不会返回 20 和 10 之类的值，因为它现在似乎是按字母数字排序的。当我删除 customBodyRender 时，它工作得很好。

如何让 MUI 数据表以我想要的方式呈现，同时保留实际值本身的排序？我粘贴了下面的代码。由于我是新来的反应，我将继续做更多的研究并随着时间的推移更新问题。

我只需要一些关于解决此问题的最佳方法的建议。我一直在寻找有关如何做到这一点的不同文章，但还没有确切地提出任何建议。

我的情况是：

我有一个应用程序，其中包含用户可以填写的免责声明/弃权表，然后在表单的底部，用户可以使用react-signature-canvas绘制/签署他们的签名

用户提交表单后，表单中的数据将存储在 firestore 中，签名作为 dataURl 保存在 firestorage 中，然后 downloadUrl 将保存在 firestore 中包含表单的相应文档中。

我正在为客户制作应用程序，他们说他们希望对表格进行某种备份，以防万一“我的系统”发生任何事情并且他们稍后无法访问/查看免责声明表格如果与其中一位客户发生争执，请注明日期。他们总是需要知道的表单上最重要的事情之一就是签名。

当前实施

我正在使用mui-datatables显示从 firestore 带回的所有表单的列表，然后使用 mui-datatables 的“下载 CSV”内置功能将所有文档数据下载/导出到 Excel。firestore 表单数据非常完美，但签名以 downloadUrl 的形式出现，这就是它的含义，因为它被保存为 downloadUrl。我不太高兴的是，如果用户打开 excel 电子表格点击签名的 downloadUrl，6 个月后会发生什么，但随后他们被告知存在错误并且无法显示签名。理想情况下，我认为如果有某种方法可以下载实际签名图像本身以及 Firestore 表单文档，那将是一件好事。

我真的很感激任何建议，因为我有点难过，备份/下载不一定需要是 excel，但正如我上面所说，我认为如果它包含签名的实际图像会很棒。

在 Google Cloud 中备份 Firestore 和云存储是否是个好主意？

预先感谢您的任何帮助。

我在我的 React 应用程序中使用：

我想在最后一个列标题中添加一些按钮（而不是列名）：

其中列：

怎么做？可能吗？我什么都找不到

我想用 api 进行分页，当我用 NO 过滤时，当我想转到该过滤器中的下一页时，它重定向到默认过滤器，下面是我想用 api 进行分页的代码，当我用 NO 过滤时当我想转到该过滤器中的下一页时，它会重定向到默认过滤器，下面是我的代码

我想在与其数据对应的每个项目前面添加一个图标。目前，我只是使用 JS 数组来显示静态数据，但我无法自定义它。

现在使用这个：

/>

我从 material-ui 表切换到 MuiDataTable 是因为它易于使用，但我看到了一个警告，即使该组件按预期运行。话虽如此，警告困扰着我。

以下是该组件的代码：

如您所见，我正在使用 customHeadRender 来制作自定义标题，这就是警告首次出现的时候。除此之外，它按预期运行。

第 33 行是第一个 customHeadRender

像往常一样，提前谢谢

我有一种情况，我有父 ( App) 和子 ( MUIDatatable) 组件。孩子是一个数据表，它接受columns描述列结构的道具以及为其中一个定义自定义渲染函数。在这个自定义渲染函数中，我创建了一个按钮实例，其disabled状态应取决于父级的状态，取决于buttonsDisabled通过useState()钩子设置的值。到目前为止，它工作正常，但是当我也使用 更改columns道具时，更改值useState()时不再触发重新渲染。buttonsDisabled代码如下所示：

它也可以在代码沙箱上找到： https ://codesandbox.io/s/muidatatables-custom-toolbar-cy4vg

我准备的代码是原始代码的精简版本，因此它可能没有多大意义，但它将代码限制在最低限度，只是为了能够重现问题。

我无法理解的是，为什么使用useState修改columns值会阻止在值更改customBodyRender时触发指定的函数buttonsDisabled，而通过简单的赋值设置它就可以了。毕竟在这两种情况下，它仍然是对同一个数组的引用。我相信这是我缺少的一些简单概念，但我希望能帮助您指出那是什么。

我希望用户能够单击 MUI 数据表中的一行，以便他们可以看到其他内容。当前renderExpandableRow函数具有正确的样式，但我不想要新行。我希望第一列中的单元格显示其他数据。有没有办法做到这一点？

注意：我还需要可以展开全部/全部折叠的按钮，所以我需要一个足够灵活的解决方案来做到这一点。