问题标签 [material-table]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
3474 浏览

reactjs - 是否可以禁用 Material-Table 的拖放功能?

Material-Table 中的所有内容都运行良好,但我找不到禁用列标题拖放的道具/选项。我只需要它保持与代码中提供的相同

这就是我的列和选项道具的样子:

0 投票
2 回答
1394 浏览

javascript - 如何通过在 reactJS 的材料表中创建新行来访问取消处理程序?

0 投票
2 回答
9084 浏览

reactjs - 材料表编辑/删除按钮更改操作

我在反应 js https://material-ui.com/components/tables/#material-table中使用材料表

我需要将用户重定向到该项目的单独编辑页面。

我不明白如何重定向到编辑页面。

0 投票
1 回答
151 浏览

angular - 我们如何在材料表中多次使用相同值的内联下拉菜单?

我正在创建一个时间表模块。我想将主题显示为表格中所有 7 天的下拉列表。(请参考图片)。 在此处输入图像描述 当我在其中一个下拉列表中选择一个主题时,这些值将填充到所有其他下拉列表中。例如,当我从任何一个下拉菜单中选择英语作为主题时,该特定行中的所有其他下拉菜单都会自动填充 在此处输入图像描述

我尝试为 formControlName 提供不同的名称,但仍然无法正常工作。

这是一些代码:

以下是我的 TS:

有没有不同的方法来实现这个想法?或者我在这里使用多个类似值的下拉菜单作为内联做错了什么?

预期结果:我不希望在仅单击其中一个下拉列表时填充所有下拉列表

任何与此相关的帮助将不胜感激。

提前致谢!!

0 投票
3 回答
6903 浏览

javascript - 显示为纯文本的操作图标

我正在为 react 项目使用材料表(https://material-table.com/#/)并且我已经导入了我需要使用的图标,但是在操作栏中,操作显示为纯文本,并且不是作为材料图标。

我希望实际的打印图标会出现,但它会显示为“打印”的文本。如果我使用小写“打印”也会发生。如果我使用该表会引发错误。

在此处输入图像描述

0 投票
0 回答
399 浏览

reactjs - 如何将数据库中的数据插入到 MDB 表中?

我是 React 的新手,我必须为我的数据库创建一个 CRUD 表。如您所见,我创建了一个简单的表:

我想对材料表做同样的事情,但我不知道如何将数据和方法放入我的新类中。

我想对材料表做同样的事情,但我不知道如何将数据和方法放入我的新类中。

0 投票
1 回答
6145 浏览

javascript - 从材料表中的 React 状态动态查找

我正在使用材料表组件,我用来自 Redux(对象数组)的动态数据填充该组件,但随后我在组件状态中使用该数据执行其他操作。要创建列下拉过滤器,每列的选项数组中都有一个元素lookup,它接收一个对象并根据其值创建下拉列表。我正在从我的数据中提取一些项目并将它们放入我组件状态的元素中。这是一个对象,与lookup收到。问题是该组件显示一个空的下拉列表,就好像该对象是空的,但事实并非如此。我将它登录到控制台,并且该对象充满了我需要的数据。我最初认为这是一个渲染问题,对象一开始是空的,然后它充满了数据,但组件每次都渲染。(是的,React 是反应式的)。这只是帮助我解决此问题所需的代码:

表格组件

0 投票
1 回答
4700 浏览

reactjs - 使用钩子编辑材料表

我正在尝试使用反应挂钩编辑/删除材料表中的一行。虽然我可以看到状态正在被修改,但它并没有重新渲染材质表。在 setdata 之后,useeffect 不会触发。

上面的代码最初渲染得很好。但是,当我尝试删除该行时,数据已删除了一行,但 useEffect 不会触发,并且 MaterialTable 组件不会使用新数据呈现。但是,如果我使用注释掉的代码,则 useEffect 会在删除后正常触发。我错过了什么?

0 投票
0 回答
539 浏览

reactjs - 错误:无法解析 ./configs/.babelrc 的扩展子句

刚刚安装了material-table,一个基于 material-ui 的表格组件的框架。
这是我在控制台和终端中得到的: 图像 图像

我试图做的是从我找到的解决方案中安装不同版本的 babel、babel-core、babel-loader。
我不知道这是否是问题,错误似乎对我说。
这与 package.json 相关:

我在应用程序中拥有的其他 React 组件不会发生此问题;

他们提供的“入门”组件会发生这种情况:

网络包配置:

0 投票
2 回答
3584 浏览

reactjs - 如何以编程方式控制行的切换?

我正在使用带有 REACT 的 MaterialTable(基于 Material-UI Table.material-table.com 的 React 数据表)更精确地使用详细面板 - material-table.com/#/docs/features/detail-panel

我需要什么?用户应该打开/关闭详细的面板并在它们之间拖放项目。

问题:每次我 React 渲染表格时,所有详细面板都会关闭。

我正在寻找一种解决方案,它允许我为每一行设置一个标志,说明它是隐藏的还是打开的。所以在渲染时.. React 不会自动关闭所有行。

我尝试在表格和面板上设置选项和事件 - 没有一个能够控制行切换。

代码非常简单:

材料表是否有任何标志/方法来以编程方式切换行?我可以用另一种方式吗?

提前致谢。