问题标签 [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 投票
1 回答
671 浏览

reactjs - Material-table:如何为 EmptyDataSourceMessage 赋予自定义样式

按照这个例子: https ://material-table.com/#/docs/features/localization

我想为 EmptyDataSourceMessage 提供自定义样式(基本上颜色是我的兴趣)。

知道我该怎么做吗?

0 投票
3 回答
11392 浏览

css - Material-Table:样式覆盖了所有自定义和 Material UI 样式以及未呈现的图标

我正在尝试使用 Material-Table 组件——它非常适合我正在构建的表(添加、编辑、删除和搜索行)。我已经安装并使用它作为页面的子组件 - 一切正常,但是......

样式:页面中的所有自定义和内置样式在所有 Material UI 组件中都丢失了(即,AppBar 按钮之间没有填充/间距,自定义字体样式混乱)。

图标:表格中的图标不会呈现 - 它们只是显示为大的截断文本。

没有表格的其他页面上的样式和图标不受影响。

有人有解决办法吗?提前致谢。

对于图标,我尝试重新安装库并导入。也试过把html方法。材料表代码片段如下。

0 投票
2 回答
49 浏览

reactjs - CSS被覆盖?

我正在将材料 ui 用于反应应用程序。我也在使用材料表。我的导航栏只使用材质 ui 提供的默认样式。这一直运作良好。但是,当我将材料表添加到页面时,导航栏从蓝色变为白色!我不确定如何解决这个问题。代码如下:

感谢您的帮助!

0 投票
1 回答
7907 浏览

reactjs - 从反应材料表中禁用/删除分页

有没有办法从反应材料表中禁用/删除分页。我使用材料表插件进行反应,发现很难删除分页。任何帮助深表感谢

0 投票
1 回答
2164 浏览

reactjs - 如何使用按钮取消选中 MaterialTable(mbrn/material-table) 的所有行?

我正在构建一个使用 mbrn/material-table( https://github.com/mbrn/material-table ) 的 reactjs Web 应用程序。该表具有一次检查字段中所有行的功能。但是要取消选择(或取消选中)所有行,您需要单击全选复选框,然后再次单击它以取消选中所有行。我已阅读框架的文档,但无法找到实现一次取消选中所有行的功能一个按钮。

我希望在单击按钮时,所有选定的行都应该被取消选中

0 投票
3 回答
9441 浏览

reactjs - 使用远程数据搜索不适用于 React 材料表

我在这里使用材料表模块 [1] 和来自 Web 服务的远程数据。我已经包含了搜索参数,但它不起作用,并且控制台中没有错误消息。

这是代码:

以下是上面使用的 Web 服务调用的输出示例:

这是我的应用程序的依赖项:

[1] https://github.com/mbrn/material-table

0 投票
1 回答
4347 浏览

javascript - 使用材料表库时如何更改删除过滤器图标?

我想删除过滤器图标,只有空白输入框。我尝试使用列道具filterCellStyle但无法访问该图标,因为它是内联样式。

0 投票
1 回答
1462 浏览

reactjs - 使用带有 React 和远程数据的材料表找不到搜索结果时如何处理

我正在使用材料表和 React 使用远程数据。在没有找到搜索结果的情况下,我试图弄清楚如何删除微调器的显示并显示“没有要显示的记录”。搜索在搜索字段中的每次击键后执行 Web 服务调用。我想我想要的是设置一个 timeOut 来停止微调器,但我确定在下面的代码中添加它的位置并且在语法上有点困惑。

当使用上述代码没有返回搜索结果时,控制台显示:

未捕获(承诺中) SyntaxError:JSON 中位于位置 0 material-table.js:249 的意外标记 U 未捕获(承诺中)类型错误:无法读取未定义的属性“totalCount”

0 投票
1 回答
637 浏览

reactjs - 添加带有材质表的组件更改 Material-UI AppBar 样式

我的应用正在使用 Material-UI 和material-table。使用“ThemeProvider”将全局主题应用到“index.js”文件中,并作为一个子项,然后有子项:

然后组件具有带有材料表的组件。当我添加表格组件并查看该页面时,AppBar 会失去一些样式,例如 Pofile 和 Logout 的下拉按钮中的背景颜色和对齐方式(https://material-ui.com/components/app-bar/#应用程序栏与菜单)。我很困惑为什么会发生这种情况。

深入研究 CSS,在更改 AppBar 样式的页面上,我看到.MuiPaper-root之前已导入.MuiAppBar-colorPrimary该样式,因此会覆盖样式,但仍不确定为什么添加带有“材料表”的组件会导致这种情况发生。

我的应用程序依赖项是:

我还看到“material-table”列出了“material-ui/core”的两个不同版本,但不知道如何解决。

0 投票
0 回答
214 浏览

material-table - 限制材料表 1.36.2 上的选择数量?

我试图在旧版本的 Material-Table (1.36.2) 上将可以选择的行数限制为任何设置的整数(例如 1),因为我无法将项目升级到 Material-UI目前 4.0 或更高版本(仍在 3.9.2 上)。

我看到了这个回复,但我无法正确应用它。

我希望能够禁用所有选择复选框,如 #869 的答案所示,一旦满足一定数量的选择而无需升级材料表或材料-ui,如果可能的话,此时升级会导致重大更改我的项目。