material-ui 相关问题

<Autocomplete {...{ className }} multiple options={options} value={value} onChange={handleOnChange} id="tags-standard" renderInput={(params) => ( <TextField {...params} sx={{ '& .MuiAutocomplete-inputFocused': { border: 'none', // fixed extra hover outline: 'none', }, }} label="Search or add new tags" variant="outlined" fullWidth onInput={handleInputChange} value={inputValue} InputProps={{ ...params.InputProps, endAdornment: ( <> {params.InputProps.endAdornment} <Button onClick={handleAddNewOption}>Add</Button> </> ) }} /> )} /> 我在这里尝试了sx={}但没有成功。要定位自动完成边框，请取消注释每种边框样式以找到您想要的样式。您可能需要关注字段集：.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline。尝试所有边框，看看哪种效果最好。 <Autocomplete disableClearable disabled={options.length === 0} options={options} getOptionLabel={(option) => option} value={value} onChange={(e, val) => { onChange(val) }} renderOption={(option) => <Button sx={{ fontSize: "calc(0.5vw + 5px)", }} onClick={() => { onChange(option.key) }} > {option.key} </Button>} sx={{ // border: "1px solid blue", "& .MuiOutlinedInput-root": { // border: "1px solid yellow", borderRadius: "0", padding: "0" }, "& .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline": { border: "1px solid #eee" } }} renderInput={(params) => ( <TextField {...params} margin="none" inputProps={{ ...params.inputProps, style: { padding: "calc(0.5vw + 5px)", fontSize: "calc(0.5vw + 5px)", // border: "1px solid red" }, }} /> )} />

material-ui

回答 1 投票 0

尝试创建 Material-UI DataGrid 时如何修复这些错误？

当我尝试创建 Material-UI DataGrid 时遇到以下错误：未捕获的错误：MUI：数据网格组件要求所有行都具有唯一的 id 属性。提供了一排没有...

reactjs material-ui

回答 3 投票 0

vite 使用 React 组件构建 lib iife

我正在尝试创建一个 React 组件库。目标是这样称呼它们： ...

reactjs material-ui vite rollup iife

回答 1 投票 0

如何在MUI中让侧边栏的高度为100%

我正在学习MUI，遇到这个问题。如何使侧边栏覆盖全高，我尝试做 100vh 但当我向下滚动并且表格延伸时，侧边栏停止增加。我

javascript reactjs material-ui

回答 1 投票 0

无法从 Material UI 对话框中删除滚动条

我有一个带有键盘的模式窗口。一切都很好，除了我无法删除滚动条。我尝试添加溢出：'隐藏'作为内联CSS但仍然没有。另外，即使使用

javascript css reactjs material-ui

回答 10 投票 0

Material-UI DataGrid 隐藏特定单元格的标题分隔符

有没有办法隐藏特定（或所有）单元格的标题列分隔符？这是我的列定义 const orderCols = [ { 字段：'DOCDATE'， headerName：'Fecha'，flex：1 ...

reactjs datagrid material-ui

回答 6 投票 0

使用 MUI v5 如何自定义 SpeedDialAction 标签？

我的最终目标是自定义我们的 SpeedDial 实例，以便：标签（工具提示）始终可见标签足够宽，可以显示文本而无需换行对于第一部分，我...

reactjs material-ui

回答 1 投票 0

如何在react js中让材质数据网格宽度填充父组件

我正在尝试显示数据网格，其中所有列应采用相同的宽度以适合父组件。但末尾有一个空格，我无法删除它，也无法将列设为

reactjs datagrid material-ui

回答 3 投票 0

@mui/styles 的 NPM 安装不适用于 React 18

我正在尝试将 Material-UI 样式安装到 React 项目，但是每当我在终端中运行此命令时： npm 我@mui/styles 它读取以下消息： npm 错误！代码 ERESOLVE npm 错误！埃雷索...

reactjs material-ui

回答 5 投票 0

从组件库导入并使用GridToolbar时出现MUI DataGrid错误

我有一个导出Table组件的组件库包。该组件使用 @mui/x-data-grid 中的 DataGrid： // 表格组件从 '@mui/x-data-grid' 导入 { DataGrid, DataGridProps };

reactjs material-ui

回答 1 投票 0

单击 ImageListItemBar 的 IconButton 后在 Material-UI 对话框中显示图像

从'react'导入*作为React；从 '@mui/material/Box' 导入 Box；从 '@mui/material/ImageList' 导入 ImageList；从 '@mui/material/ImageListItem' 导入 ImageListItem；导入 ImageListItemBa...

javascript reactjs material-ui jsx

回答 1 投票 0

如何在 Material-UI ExpansionPanelSummary 中换行或截断长字符串

我想创建一个 ExpansionPanel，其中摘要可能是一串很长的不间断字符（即没有连字符，没有空格）。当我尝试时，ExpansionPanelSummary 组件显示...

css material-ui

回答 6 投票 0

material-ui 相关问题

最新问题