material-ui 相关问题

实施Google Material Design的React组件。 http://material-ui.com

Mui 单个组件的条件渲染

我想在xs大小时为MUI容器设置disableGutters。 到目前为止我只能这样做: ...很多...

回答 2 投票 0

使用两个MUI X DatePicker创建DateRangePicker

我正在尝试使用 MUI RangePickers 构建一个 DateRangePicker,但我不知道如何仅使用一个日历来选择开始日期和结束日期。 这是我尝试过的: https://codesandbox.io/s/

回答 2 投票 0

找不到模块:错误:无法解析“@mui/base”

我刚刚安装了 Material UI,发现了这样的消息: 编译有问题: ./node_modules/@mui/material/AccordionActions/AccordionActions.js 中的错误 7:0-70 找不到模块:错误:不能

回答 2 投票 0

页面加载时未禁用角度材质选择

我正在尝试在 Angular 18 和 Angular Material 18 中显示父级和子级选择列表。 我希望初始父级选择“显示全部”,然后禁用子级选择...

回答 1 投票 0

扩展 MUI 组件会出现有关“css”属性缺失的 TS 错误

我们使用自定义组件 (MySnackbarContent) 扩展了 SnackbarContent 组件: 导出接口 MySnackbarContentProps 扩展 Omit { 变体?:

回答 2 投票 0

如何让 React 应用程序在作为 prop 传递时将 api 数据显示为 html 而不是字符串

我正在尝试显示从菜谱 API 获得的文本块,该文本包括粗体标签和链接等 html 元素,但被包装在字符串中,因此它显示文字文本当前文本 ...

回答 2 投票 0

如何根据 Mui 数据网格中的某些条件使列可编辑为假

如果用户在百分比列中输入数据,我想使分数列的编辑为假,反之亦然。 我按照官方 MUI Grid 示例中的以下示例进行操作。 示例如下...

回答 1 投票 0

Material-UI - 如何在自动完成中自定义下拉图标?

如何更改打开/关闭下拉列表的图标? 我希望功能保持不变。 当我尝试将它们添加为 endAdornment 时,删除和打开的功能都消失了......

回答 2 投票 0

React MUI Avatar div 高度默认为静态值(40px)

我的页面上有一个 MUI Avatar 元素: 我的页面上有一个 MUI 头像元素: <Avatar sx={{ width: 180, height:'auto', maxHeight: 180, margin: 2 }} variant="square" alt={""} src={global.config.baseUrl + '/image/logo' + this.state.user.userId + '.jpg'} /> 这会生成以下 DOM: <div class="MuiAvatar-root MuiAvatar-square css-eqjmj4"> <img alt="" src="/image/logo1.jpg" class="MuiAvatar-img css-1hy9t21"> </div> 具有以下 css 类: .css-eqjmj4 { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; height: 40px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 1.25rem; line-height: 1; border-radius: 0px; overflow: hidden; user-select: none; width: 180px; max-height: 180px; margin: 16px; } 我希望将宽度设置为正好 180 像素,高度按比例缩放(最大高度为 180 像素) 由于某种原因,css 类将高度硬编码为 height: 40px; 我怎样才能覆盖它? 看起来 square 的 Avatar 变体只是场景背后的 height 和 width 的 CSS,这并不是很直观。 我的建议是——自己添加 aspect-ratio 的样式(所有现代浏览器都支持),值为 1 / 1,这样代码看起来就像这样。 <Avatar sx={{ width: 180, aspectRatio: "1 / 1", // <-- look here height: "auto", maxHeight: 180, margin: 2, }} variant="square" src="/static/images/avatar/3.jpg" /> 当您设置比它大的 max-height 时,这将与 width 一起使用。 这是一个工作示例

回答 1 投票 0

覆盖滚动条行为

我正在尝试覆盖滚动条行为。当我应用下面的代码时,即使我没有滚动,滚动条也会变得可见。这意味着如果有滚动条它总是可见的。在下面申请之前...

回答 1 投票 0

MUI:如何以编程方式删除 DataGrid 中选定的行?

我正在使用 MUI DataGrid 创建文件列表。用户可以选中 DataGrid 中的复选框来进行选择。我希望在用户执行某些操作(例如删除

回答 3 投票 0

MUI X 数据网格:如何拥有初始可见列并稍后切换它

如果我不使用columnVisibilityModel={visibleColumns},那么列管理中的切换工作正常,但它最初显示所有列,而我希望最初只显示几列。 目前的鳕鱼...

回答 1 投票 0

MUI 使用 Typescript 组合两个组件

我想在React中使用MUI(使用Typescript)创建一个组件,它是其他两个组件的组合: 版式(来自 MUI) 翻译(来自https://github.com/sealninja/react-i18nify...

回答 1 投票 0

通过 Mui 日期选择器使用日期数组

我有一个来自后端的“YYYY-MM-DD”格式的字符串数组。我只想使用 momentjs 适配器在 MUI 日期选择器中显示数组中的那些日期,而所有其他日期都必须是

回答 1 投票 0

在 Material UI 上获取表格分页按钮和每页左侧的行

有一个网站,我正在尝试缩小表格以适应移动屏幕,并在必要时进行扩展。 我可以让它缩小并删除水平滚动条,但是页脚是

回答 6 投票 0

停用材质-ui编辑图标的指针事件

我正在尝试停用材质用户界面编辑图标上的指针事件。 (我的目标是当鼠标悬停在图标上时“手”消失。) 从“@material-ui/icons/Create”导入 EditIcon; 重要...

回答 2 投票 0

哪些版本的Android支持Material 3(MD3)

我开始研究Material 3支持,但找不到哪些Android版本支持Material 3设计库(MD3)的版本列表

回答 1 投票 0

MUI DatePicker - 放置弹出对话框的问题

我正在使用 MUI v6.0.2,并且遇到了 popper 放置问题。当我向上滚动并尝试打开日期选择器时,它不会在输入的顶部打开,而是在页面上方的某个位置打开。底部

回答 2 投票 0

当选择一行时,MaterialTable 将我带回第一页

我一直在努力让材质表按照我想要的方式工作:我需要能够一次选择一行并使用其状态来操作其内容。我以此为基础......

回答 1 投票 0

JavaFX 不显示工具提示消息

当尝试在 JavaFX 中使用 Tooltip 而不是 Label 时,不会显示验证消息。我还尝试使用一些替代方法来显示 TextBox 控件的消息,但没有成功

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.