datagrid 相关问题

Material UI X Grid：隐藏和排序的列在重新渲染时返回默认值

我在动态 UI 中使用 Material-UI X Grid，数据更新速度约为 1Hz。当页面使用新数据重新呈现时，任何已排序或隐藏的列都会返回到默认值，即显示隐藏列...

<DataGrid>属性“onCellEditCommit”不起作用

我正在使用 Material-UI 的 DataGrid 组件来显示项目列表。 我想让每行中的每个单元格都可编辑，然后更改该行的相应项目。 为此目的，...

Material-UI DataGrid：如何向每个行单元格添加工具提示？

我在此处的 React Material ui DataGrid 文档中找不到与此相关的任何内容。我注意到您可以通过“描述”字段向列添加工具提示，但找不到任何

当高度固定时，如何调整mudblazor中数据网格的大小并删除不必要的空间

我正在使用 muddatagrid，并且我已经设置了数据网格的高度，该高度根据屏幕尺寸动态变化，当每页行数超过高度时，它会显示滚动条。但问题来了...

将复选框置于 WPF 数据网格中

这看起来是一个很简单的任务，但我绕了一圈，尝试了多种方法，但没有任何效果。 这是我的列定义 这看起来是一个很简单的任务，但我兜圈子，尝试了多种方法，但没有任何效果。 这是我的列定义 <DataGridCheckBoxColumn Header="Select" Binding="{Binding IsSelected, UpdateSourceTrigger=PropertyChanged}" HeaderStyle="{StaticResource DGCHCentre}" Width="50" ElementStyle="{StaticResource LargerCheckBoxStyle}"/> DGCHCentre 和 LargerCheckBox 样式如下 <Style x:Key="DGCHCentre" TargetType="DataGridColumnHeader"> <Setter Property="HorizontalContentAlignment" Value="Center" /> </Style> <Style TargetType="CheckBox"> <Setter Property="VerticalContentAlignment" Value="Center"/> <Setter Property="Height" Value="40"/> <Setter Property="FontSize" Value="14"/> </Style> <Style x:Key="LargerCheckBoxStyle" TargetType="{x:Type CheckBox}"> <Setter Property="Width" Value="50" /> <Setter Property="Height" Value="50" /> <Setter Property="HorizontalAlignment" Value="Center"/> <Setter Property="HorizontalContentAlignment" Value="Center"/> <Setter Property="IsHitTestVisible" Value="False"/> </Style> 复选框在列中坚决左对齐。 我尝试过设置边距 <Style x:Key="LargerCheckBoxStyle" TargetType="{x:Type CheckBox}"> <Setter Property="Width" Value="50" /> <Setter Property="Height" Value="50" /> <Setter Property="HorizontalAlignment" Value="Center"/> <Setter Property="HorizontalContentAlignment" Value="Center"/> <Setter Property="IsHitTestVisible" Value="False"/> <Setter Property="Margin" Value="10 0 0 0"/> </Style> 但这会导致复选框的左侧消失。 尝试一下适合您的风格： <Style x:Key="LargerCheckBoxStyle" TargetType="{x:Type CheckBox}"> <!-- Use the margin instead of height and width--> <Setter Property="Margin" Value="25" /> <Setter Property="HorizontalAlignment" Value="Center" /> <Setter Property="HorizontalContentAlignment" Value="Center" /> <Setter Property="IsHitTestVisible" Value="False" /> </Style> 结果

MUI 数据网格中行为空时显示图像

我正在使用 MUI V.5 和 React。 当行为空时（当用户在网格中搜索产品并且找不到任何结果时），我想在网格中显示图像。 但我不知道如何...

ROS 地图表示的起源

我正在使用 ROS 及其 map_server 节点。 我不明白地图的原始元数据信息意味着什么（概念上）。根据官方文档： 原点：

如何设置 Mudblazor DataGrid 列宽度

尝试设置 MudBlazor DataGrid 的列宽可能会很痛苦。由于某种原因，通过 CellClass 或 HeaderClass 或 CellStyle 或 Column 的 HeaderStyle 设置样式不起作用。

如何从 MUI Datagrid 列显示/隐藏面板中删除选项

我正在尝试控制哪些列将显示在 MUI Datagrid 工具栏内的 组件上（参见下图） 首选解决方案： 使用 API 我想...

在 WPF DataGrid 中，是否可以将列的大小调整为最后一列填充空白空间的内容，同时仍然允许水平滚动条？

我不知道如何在有限的标题中正确表达我的问题，所以我会尽力解释它。我制作了用于展示的动图，但在我没有足够的声誉点后注意到。 编辑：我

我可以在不双击的情况下编辑 MUI X 数据网格单元格吗？

我想编辑 MUI XData 网格单元格，但不是通过双击。如果单元格始终显示为编辑模式或通过悬停显示，那就更好了。 可以吗？

在 DataGrid Material UI 中应用过滤器

我正在尝试将过滤器应用到 DataGrid 中的列。我需要获取输入，然后根据它设置要过滤的值，但现在我正在尝试应用默认过滤。我有很多例子你...

MUI DataGrid - 设置导出的 Excel 文件样式 + 制作分层下拉菜单

我有两个问题需要解决。 首先，我想使用以下参数设置导出的 Excel 文件的样式： 我想将长文本包装在一个单元格中并禁用溢出包装格式...

WPF ListView 中的多个 DataGrid

是否可以将多个DataGrid放入ListView中？就像是 是否可以将多个 DataGrid 放入 ListView 中？类似的东西 <ListView ItemsSource="{Binding Schools}"> <DataGrid ItemsSource="{Binding Schools.Teachers}" /> </ListView> 上课地点： public class MainViewModel { public ObservableCollection<School> Schools { get; set; } } public class School { public ObservableCollection<Teacher> Teachers { get; set; } } public class Teacher { public string Name { get; set; } public string ID { get; set; } public string Address { get; set; } public string Ranking { get; set; } } 输出基本上是一个 DataGrid 列表，每个 DataGrid 对应一个 School。 School1 ------------------------------------------------------------------- | Name | ID | Address | Ranking | ------------------------------------------------------------------- | Teacher1 Name | Teacher1 ID | Teacher1 Addr | Teacher1 Rank | ------------------------------------------------------------------- | Teacher2 Name | Teacher2 ID | Teacher2 Addr | Teacher2 Rank | ------------------------------------------------------------------- School2 ------------------------------------------------------------------- | Name | ID | Address | Ranking | ------------------------------------------------------------------- | Teacher1 Name | Teacher1 ID | Teacher1 Addr | Teacher1 Rank | ------------------------------------------------------------------- | Teacher2 Name | Teacher2 ID | Teacher2 Addr | Teacher2 Rank | ------------------------------------------------------------------- 我将如何构建这种显示的 xaml？ DataGrid 将在分配给 ListBox 的 ItemTemplate 属性的 DataTemplate 中声明（除非您设置 ListView 的 View 属性，否则使用更简单的基类 ListBox）。 在 DataTemplate 内，绑定将是 ItemsSource="{Binding Teachers}"。 有关详细信息，请参阅数据模板概述。 <ListBox ItemsSource="{Binding Schools}"> <ListBox.ItemTemplate> <DataTemplate> <DataGrid ItemsSource="{Binding Teachers}" /> </DataTemplate> </ListBox.ItemTemplate> </ListBox>

在c#/wpf中通过键盘滚动数据网格

我有一个小应用程序，仅使用条形码扫描仪和小键盘。 因此，强制将焦点集中到文本框 (txtInput)，并且所有应用程序控制都是通过该文本框的 keydown 事件完成的。 之后

我无法在 Material UI DataGrid 中使用 onRowSelected 获取选中的行数据

我试图在 DataGrid 组件中单击选中行时获取其数据。 当我尝试做到这一点时，我能够通过 DataGrid 的 onRowSelected 属性获得它。 但现在我无法反应...

Material UI - 数据网格自定义分页

我正在尝试从这里使用自定义分页 https://material-ui.com/components/data-grid/style/#custom-theme 但是分页似乎本身就损坏了？任何人都可以指导为什么分页我...

MUI DataGrid 固定列

我正在尝试将“操作”列锁定在网格的右侧。 有没有办法在免费版本（MUI DataGrid，而不是 DataGridPro）中执行此操作？

如何使用后面的c#代码将列宽设置为WPF中文本/*/Auto的任一大小？

我想在代码后面创建数据网格，并将其添加到其他区域（例如，每个 tabitem 都有一个数据网格）。然而，每次我不断得到列的长度......

MUI DataGrid processRowUpdate 始终返回我从 DataGrid ApiGridRef 运行 updateRows 函数之前的旧数据

我有一个来自 MUI 的数据网格，如下所示： 我有一个来自 MUI 的数据网格，如下所示： <DataGrid apiRef={apiRef} experimentalFeatures={{ newEditingApi: true }} headerHeight={23} showCellRightBorder showColumnRightBorder disableColumnMenu onColumnHeaderClick={(params: GridColumnHeaderParams) => { setSelectedColumn(params.colDef.field); }} columns={formattedColumnsToShow} rows={timeSheetFees || []} rowHeight={29} onCellClick={(_params, event) => { event.defaultMuiPrevented = true; }} processRowUpdate={handleProcessRowUpdate} onProcessRowUpdateError={handleProcessRowUpdateError} throttleRowsMs={1000} /> 传入 processRowUpdate 的函数只是更新本地状态（没有后端 API 调用）： const handleProcessRowUpdate = useCallback( (newRow: MappedTableEntryRowType) => { return processRowUpdate(newRow); }, [processRowUpdate]); 我有这个 useEffect ，我试图更新一行（一行内 3 个不同的单元格）： useEffect(() => { const updateCurrentCell = async (id: string, field: string, value: string | undefined) => { await apiRef.current.setEditCellValue({ id, field, value }); apiRef.current.stopCellEditMode({ id, field }); }; if (!isEmpty(selectedMatterFromModal)) { const id = selectedRow; const { matterId } = selectedMatterFromModal; const { field } = selectedCell; updateCurrentCell(id, field, matterId); apiRef.current.updateRows([{ id, matterNo: matterId, matterId, matterDescription: matterId, client: matterId }]); setSelectedMatterFromModal({}); } }, [apiRef, selectedCell, selectedMatterFromModal, selectedRow, setSelectedMatterFromModal]); 但是每次调用 processRowUpdate 时，都会传入旧行数据，从而覆盖我刚刚更新的任何新值。我必须使用 useEffect，因为新行值附带的数据位于 DataGrid 上下文之外，因此我无法使用内置回调或任何其他内容来实现此目的。 我该如何解决这个问题？ 我有同样的问题，似乎 newRow 和 oldRow 值在数据网格 processRowUpdate 中颠倒了。可能是一个错误。 在等待知道确切的解决方案时，我实施了以下解决方法 这是我的问题和解决方法： //In my custom field : i create the newRow values when user click on submit const updateRows = (selectedOptions) => { let oldRow=props.params.row; let newRow={...oldRow}; newRow[props.params.colDef.field]=selectedOptions; //My workaround here : in a "homemade cache" I store a variable indicating that the updateRows api is currently in use Common.setCache("api.updateRows.used",true); props.params.api.updateRows([newRow]); } 当执行上述 api.updaterows api 时，也会执行 datagrid processRowUpdate。在这里我看到了和你一样的问题，newRow 不是正确的！而是传递了oldRow。但旧的 Row 变量包含正确的 newRow 数据。所以价值观好像颠倒了 因此，我在 Datagrid 组件中实现了以下解决方法： const processRowUpdate = (newRow, oldRow,isNew) => { //I use a homemade cache to store information if I use the API or not. If yes, I re-invert the data to have them in the right variables if(Common.getCache("api.updateRows.used").data) { let prevNewRow={...newRow}; newRow={...oldRow}; oldRow={...prevNewRow}; Common.setCache("api.updateRows.used",false); } 它可以工作，但不干净。我想知道是否可以只使用API