mui-datagrid 相关问题

我正在使用 MUI X Data Grid v5 和 Tanstack React Query v4 我正在尝试在我的 Datagrid 组件上使用分页，当页面最初加载时，它会按预期正常获取并加载网格。

我有一个 WPF 窗口，其中有一个 DataGrid 作为其子窗口之一。 DataGrid 中的列数仅在运行时确定。以下是我的 window.xaml 文件中 DataGrid 的代码： <

我生成一个数据网格并希望将内容居中。这是我的代码： DataGrid 表 = new DataGrid(); tabelle.ItemsSource = dt.DefaultView; 表格.RowHeight = 50; tabelle.VerticalContentAlig...

复杂对象的 Blazorise Datagrid 内联编辑

Blazorise Datagrid 支持内联编辑。在我的代码中，基本编辑工作正常，但是当将对象用作父对象中的属性时，编辑无法按预期工作。下面，...

react-testing-library：无法关闭 MUI Select 的下拉菜单

我有一个 SelectExample.js 从“react”导入 React, { useState }; 从“@mui/material”导入{InputLabel、MenuItem、FormControl、Select、Typography }；> 导出默认fu...

[React][MUI] 警告：渲染不同组件时无法更新组件

我正在使用 AutoComplete(MUI) 创建国家/地区选择器，但收到以下错误消息。警告：在渲染不同的组件（`

@types/material-ui 和官方的@mui/types 包有什么区别？

npm 包：@types/material-ui 和 @mui/types 我知道前者受到 Definely Typed 社区的支持，但如果存在官方类型包，为什么它首先存在呢？我已经

无法在 MUI DatePicker 中使用复选图标可视化徽章

我在这个项目中使用 MUI Date Picker 和 React.js。我遇到的问题是，我无法可视化应根据当前突出显示的日期呈现为徽章的 checkIcon

ClosedXML 导出数据网格到 Excel 仅 10 行

我有一个包含 60 行数据的数据网格和一个将其导入 Excel 的按钮：我有一个包含 60 行数据的数据网格和一个将其导入 Excel 的按钮： <DataGrid AutoGenerateColumns="False" ItemsSource="{Binding Source}" CanUserAddRows="False" HeadersVisibility="All" Name="dgDisplay"> <DataGrid.Columns> <DataGridTextColumn Header="Day" Binding="{Binding Day}"/> <DataGridTextColumn Header="Data" Binding="{Binding Data}"/> </DataGrid.Columns> </DataGrid> <Button Command="{Binding SaveDataGridToExcelCommand}" CommandParameter="{Binding ElementName=dgDisplay}"/> 其中 Day 和 Data 只是一些随机生成的 int 数据。我的代码使用 ClosedXML 将数据从中导出到 Excel，它使用 MainWindowViewModel: ObservableObject 调用 MVVM.Toolkit。 [RelayCommand] public void SaveDataGridToExcel(DataGrid dataGrid) { DataTable dt = new DataTable(); foreach (DataGridColumn column in dataGrid.Columns) { dt.Columns.Add(column.Header.ToString()); } foreach (var item in dataGrid.Items) { DataRow dr = dt.NewRow(); bool rowHasData = false; for (int i = 0; i < dataGrid.Columns.Count; i++) { var cellContent = dataGrid.Columns[i].GetCellContent(item); if (cellContent is TextBlock textBlock) { //check if row empty, dont add this row.I add it on purpose to check //if the datagrid recognite the rest 50 rows not have data. It actually //dont save those data dr[i] = textBlock.Text; if (!string.IsNullOrEmpty(textBlock.Text)) { rowHasData = true; } } } if (rowHasData) { dt.Rows.Add(dr); } } SaveFileDialog saveFileDialog = new SaveFileDialog(); saveFileDialog.Filter = "Excel files (*.xlsx)|*.xlsx"; if (saveFileDialog.ShowDialog() == DialogResult.OK) { using (XLWorkbook wb = new XLWorkbook()) { wb.Worksheets.Add(dt, "Sheet1"); wb.SaveAs(saveFileDialog.FileName); } } } 但是保存的60行结果只显示了10行数据，其余50行都是空的。如果疑问为什么不使用Microsoft.Interop.Excel，那是因为该包不适合我的 Excel 版本。我没有在 ClosedXML 中看到任何对此有限制或许可的地方，所以我想知道为什么。如有任何帮助，我们将不胜感激。在浏览 github 几个小时后，我自己找到了答案。我没有访问单元格内容，而是直接从 DataGrid 的 ItemsSource 访问数据： public void SaveDataGridToExcel(DataGrid dataGrid) { DataTable dataTable = new DataTable(); foreach (DataGridColumn column in dataGrid.Columns) { dataTable.Columns.Add(column.Header.ToString()); } var itemsSource = dataGrid.ItemsSource as IEnumerable; if (itemsSource != null) { foreach (var item in itemsSource) { var properties = item.GetType().GetProperties(); var row = dataTable.NewRow(); foreach (var property in properties) { row[property.Name] = property.GetValue(item); } dataTable.Rows.Add(row); } } //show dialog... }

如何删除MUI排版中的默认下划线？

我有一个使用 MUI 构建的 React 应用程序的自定义 Moviecard 组件，对于我使用的每个 Typography 组件，它也有一个相当烦人且粘性的下划线。我想摆脱它，但...

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

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

如何在MUI菜单中选择多个菜单项并返回选择的值

我为 MUI 菜单中的每个 MenuItem 创建了一个复选框。用户可以一次选择多个菜单项。有没有办法获取所选菜单项的值？因为如果我把 event.ta...

如何更改 MUI Badge 组件并在其中添加文本？

我想在将新行添加到表格后在其旁边添加一个标签。我找到了 MUI 徽章。我怎样才能更改号码并将其替换为“New”一词？像这样的东西输入图片描述

为什么我会在 React/TypeScript/MUI 对话框中看到这种奇怪的行为？

我在 React/TypeScript/MUI 应用程序的流程中出现了一个对话框，其中显示了几个按钮。当您选择每个按钮时，对话框功能会将按钮的值添加到状态...

在 MUI Data Grid v6 中更新另一个单元格时，如何在编辑模式下更新一个单元格？

我正在使用 MUI Data Grid v6 组件并利用其内置的 CRUD 编辑功能。我有多个列，所有列都可以编辑。在我的“类别&...”列中选择新值后

如何在 React 组件的 Jest 测试中模拟 MUI5 Pro 许可证密钥

我目前正在将 MUI v5 Pro 组件集成到我的 React 库中，然后将这些库组件导入到我的主机应用程序中。我已经在两个 Libra 的 .env 文件中设置了 MUI 许可证密钥...

如何添加操作：单击图表并从 MUI X 图表 BarChart 中的图表获取数据？

我有一个显示数据的图表，我希望当我单击某个列时我可以获得该列的值并将该值显示到控制台屏幕。数据图我使用 MUI X 图表 BarChart 以及如何...

如何将 mui stepper connect 变成进度条？每个步骤也有步骤内容

我希望 mui 步进器连接器的行为就像进度指示器。每个步骤也有步骤内容部分。步骤内容和连接器是两个单独的 div，我无法对其进行样式设置。任何人都可以...

是否可以在.net maui 中使用行详细信息？

我正在寻找一种在 DataGrid 中显示行详细信息的方法。我是应用程序开发新手，希望在行中显示一些数据并在行详细信息中显示一些相关详细信息。有没有...

在 WPF C# 中根据数据网格中的另一个组合框过滤 DataGrid 中的组合框？

在我的示例中，我在数据网格中有3个组合框，分别显示国家、省份和地区。我如何以这种方式按国家过滤省份和按省份过滤地区

MUI-table：mui 表组件中交替行的不同颜色不起作用

为备用表格行添加不同的颜色不起作用函数行（道具）{ const { 行 } = 道具； const StyledTableRow = styled(TableRow)(({ 主题 }) => ({ '&:第 n 个类型...

如何显示选项的值而不是标签，MUI 自动完成

我正在开发一个 React/Typescript 项目。我有一个 Autocomplete 元素，其选项是一系列包含 {label、value 和 endOfDay} 的对象。我有选项标签显示...

升级到 React 18 后 React App 未渲染

`我的 React 应用程序运行良好，但升级到 React 18、mui v5 和 redux v5 后，它没有渲染任何内容。在终端中，我得到： webpack 编译成功但在 chrome 控制台中...

如何更改 MUI 日期选择器的“选择日期”标签？

我需要找到 SELECT DATE 标签的 localeText 属性。我尝试了几个 localeText 道具。最后的解决方案是用 CSS 删除标签。但如果我找到道具，我会让标签变得动态......

使用 mui React抽屉链接页面

在我的应用程序中，我需要渲染一个没有抽屉的登录页面，并渲染抽屉内的其余页面。所以我创建了 Home.jsx 文件，其中包含抽屉并将我的路线放在我的里面......

如何让 MUI 的带有链接的按钮看起来像普通按钮？

我有一个按钮可以下载带有文件名的文件。为此，我写了这样的内容：我有一个按钮可以下载带有文件名的文件。为此，我写了这个： <Button color='primary' href=`/apiproxy/objects/${id}/subobjects` LinkComponent={React.forwardRef((props, ref) => <Link {...props} type='text/csv' download={`object_${id}_subobjects.csv`} ref={ref} />)} /> 生成的元素看起来与我的其他没有 href 属性的按钮相同（也带有 color='primary'），但悬停时其文本颜色更改为蓝色，与其他按钮不同，它保持白色。如何使其样式与其他按钮相同？我可以将 &:hover 文本颜色指定为白色，但是当主题更改其他按钮的文本颜色时，这会中断。有没有办法更改链接组件，使其样式与其他按钮相同，或者如果没有，按钮在调色板中使用什么作为悬停文本颜色，以便我可以将其设置为该颜色？我认为您可以使用 styledComponent 作为链接组件。就像下面... const theme = useTheme(); const StyledLink = styled(Link)(({ theme, color = "primary" }) => ({ ":hover": { color: theme.palette.secondary.main, }, })); <Button color="primary" href="/apiproxy/objects/1/subobjects" LinkComponent={React.forwardRef((props, ref) => ( <StyledLink {...props} type="text/csv" download={"object_1_subobjects.csv"} ref={ref} theme={theme} /> ))} /> 您可以在 theme.js 文件中的调色板中设置悬停颜色，并使用该颜色，如 theme.palette.${hoverColor} 请检查此测试组件。 https://codesandbox.io/p/sandbox/mui-28251-28335-forked-j2x8cd?file=%2Fsrc%2FApp.js 也许您可以让按钮将它们重定向到可以下载文件的 MediaFire： <a href="link-to-media"><button class="buttonClass">Download</button></a> 然后你可以将buttonClass修改为你喜欢的任何内容。

mui-datagrid 相关问题

最新问题