嵌套网格MUI react

文章/答案/技术大牛

发布

2回答

css、reactjs、grid、mui

? 我正在尝试实现下图中所示的目标到目前为止，我得到了 <Grid container justify=“space-between”> <Grid item> </Grid> B </Grid> C </Grid

浏览 18提问于2020-04-23得票数 0

回答已采纳

3回答

MUI中的嵌套网格会导致不必要的行间距。

reactjs、material-ui

我试图建立一个嵌套网格，它有两个div，一个在左边，另一个在右边，在左边的div中，我想要一个网格系统，在那里我想添加自定义的行间距，但是没有添加任何与行间距有关的内容，MUI给了我行间距，什么会导致这个问题呢import React from 'react'import Box from '@mui/material/Box' import Contain

浏览 7提问于2022-05-02得票数 1

回答已采纳

1回答

响应JS引导柱布局不起作用

reactjs、react-bootstrap

我有一个简单的卡使用梅mui/material。我想使用引导 col-xs-12 col-sm-6 col-md-3来布局内容。

浏览 0提问于2022-10-24得票数 0

回答已采纳

1回答

MUI网格系统中的新行留出空间

css、bootstrap-4、material-ui、grid、grid-layout

有什么方法可以用MUI网格来实现这一点吗？import * as React from "react";import Grid from "@mui/material/

浏览 7提问于2022-10-14得票数 0

回答已采纳

1回答

如何使包含网格的内容UI头与带有断点的移动屏幕响应

reactjs、responsive-design、material-ui、react-material

我已经制作了标题组件与网格有路由链接，我只是希望这个网格是响应在移动屏幕上应用的材料UI断点。这意味着，与其通过将网格项包装在下面来显示所有网格项，不如在移动屏幕上显示这2项。谢谢import React from 'react' import Grid from '@mui/material/Gr

浏览 5提问于2022-02-02得票数 0

回答已采纳

1回答

使用style={}更改mui文本字段的边框颜色

reactjs、material-ui

我试图将梅的文本框的颜色改为白色。我是否可以在组件中使用style={}来做到这一点，还是必须使用makeStyles？ variant="outlined" inputProps={{ color:"

浏览 6提问于2022-10-30得票数 1

回答已采纳

1回答

是否可以自定义带有样式组件的梅花数据交换？我试图从chrome工具中获取样式并对它们进行更改，但是没有happened.Any的想法吗？ const DesktopDateRangePickerStyled = styled(DesktopDateRangePicker)` .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { } .MuiInputBase-input-MuiOutlinedInput

浏览 2提问于2021-12-01得票数 0

1回答

材质-UI v5 DataGridPro在加载时突出显示第一排

reactjs、material-ui

我正在使用DataGridPro加载一个非常基本的网格，我需要在加载时选择并突出显示顶部的行。当我尝试研究的时候，我没有看到一个很好的例子。

浏览 9提问于2022-05-17得票数 1

回答已采纳

2回答

npm启动错误的ENOENT为什么我要得到这个错误，为什么它要查找“我的图片”目录？

reactjs、npm、visual-studio-code、material-ui、enoent

我试图在我的React项目中使用MUI的数据网格组件。我已经使用$npm i@mui/x-数据网格安装了这个包。当我将DataGrid导入我的React组件并运行$npm start时，我会得到以下ENOENT错误。有人知道为什么吗？

浏览 4提问于2021-11-19得票数 0

回答已采纳

1回答

材料UI组件中主题的正确方法

reactjs、material-ui

有这样的方法，它只是使用纯粹的React。然而，我不认为main 与颜色有什么关系。我不确定如何从Checkbox 中提取字段，因为我们没有在HTML.中指定它import { createTheme, ThemeProvider} from '@mui/material/styles'; import Checkbox from '@mui/material&

浏览 8提问于2022-01-30得票数 3

4回答

无法安装@mui/x-数据-网格在react中

javascript、reactjs、npm、jsx

peer react@"^17.0.0 || ^18.0.0" from @mui/material@5.6.0npm ERR!4 more (@emotion/react, @emotion/styled, react-dom, @mui/s

浏览 21提问于2022-04-06得票数 3

回答已采纳

1回答

React MUI:匹配两个网格部分的高度

javascript、css、reactjs、material-ui

使用MUI有两个彼此相邻的独立网格，每个网格占较大网格的50%。如下图所示，我很难匹配这两个部分的高度。我希望较小的网格项(卡片)动态填充左侧部分的高度，并匹配右侧部分的高度。使用Mui怎么可能做到这一点？下面是我当前的代码： import React from "react";import B

浏览 21提问于2021-10-22得票数 1

回答已采纳

1回答

获取错误--物料UI上折叠组件的错误消息

javascript、reactjs、next.js、material-ui

我正在尝试使用Next.js上的Material列表构建一个汉堡包菜单，类似于Material文档上的嵌套列表示例。但是，如果我在代码上使用“折叠”，我就会不断出错。import * as React from "react";import IconButton from "@mui/material/IconButton"; import ListSubh

浏览 8提问于2022-07-15得票数 -1

回答已采纳

1回答

材料用户界面-带线条的踏板顶部和底部标签

layout、material-ui、label、stepper

这是我的代码：import Box from '@mui/material/Box';import Step from '@mui/material/Step'; import Typography from &

浏览 12提问于2022-10-04得票数 1

回答已采纳

1回答

这样布局顶级网页的组件是什么？

reactjs、material-ui

我有一个现有的React应用程序，该应用程序使用CSS Grid来布局网站，其外观如下： "footer footer footer footer footer footer footer footer footer footer";我正在尝试找到一个类似于react

浏览 3提问于2021-10-16得票数 0

回答已采纳

1回答

梅:不能通过主题嵌套覆盖fontFamily

javascript、reactjs、material-ui

我想通过主题嵌套来实现这一点：。import React from "react"; </ThemeProvider>}; outerTheme.js： i

浏览 2提问于2021-10-29得票数 2

回答已采纳

2回答

@梅花网等高项目

material-ui、css-grid

使用React @mui包，我想创建一个网格，所有的项目都延伸到与最高的项目相同的高度。我尝试过寻找类似的问题，但没有找到一个有效的解决方案，并使用@mui v5。我更喜欢使用@mui组件的解决方案(如果可能的话)，而不是直接使用网格css。此外，我无法确定列的数量，它需要响应。import * as React from "react"; Box, Container,

浏览 6提问于2022-03-03得票数 0

回答已采纳

2回答