如何从 WPF 控件 DataGrid 中删除多余的列

这里我们都知道 WPF Datagrid 总是在末尾带有额外的列,所以很多人问为什么 Datagrid 中会显示额外的列,例如:DB(数据库)表或模型类包含 5 列,但在源添加列后显示 6 列,没有标题。

这里,Datagrid 是 WPF 框架中的一个 XAML 控件,DataGrid 本身无法显示列数,因此每次传递 itemsource 值后,它都会默认显示带有值的列。这个额外的列取决于它所引用的标题和列的宽度,而这恰恰是 DataGrid 的宽度分布。

如果您喜欢此文章,请收藏、点赞、评论,谢谢,祝您快乐每一天。

下面我将向您展示如何解决这个问题。

创建 WPF 应用程序

将 DataGridWindow.xaml 项目添加到项目中。

将 DataGrid 控件添加到新项目中

添加用于在 DataGrid 控件中显示数据的后端代码

namespace MVVMLightSample_DotNetCore8.View

{

/// <summary>

/// Interaction logic for DataGridWindow.xaml

/// </summary>

public partial class DataGridWindow : Window

{

public DataGridWindow()

{

InitializeComponent();

LoadData();

}

private void LoadData()

{

List<Product> product = new List<Product>();

product.Add(new Product { ProductID = 1, ProductName = "Laptop", ProductDescription = "Dell Laptop", ProductPrice = 50000, ProductStock = 10 });

product.Add(new Product { ProductID = 2, ProductName = "Mobile", ProductDescription = "Samsung Mobile", ProductPrice = 20000, ProductStock = 20 });

product.Add(new Product { ProductID = 3, ProductName = "Tablet", ProductDescription = "Lenovo Tablet", ProductPrice = 15000, ProductStock = 30 });

product.Add(new Product { ProductID = 4, ProductName = "Desktop", ProductDescription = "HP Desktop", ProductPrice = 40000, ProductStock = 40 });

product.Add(new Product { ProductID = 5, ProductName = "Printer", ProductDescription = "Canon Printer", ProductPrice = 10000, ProductStock = 50 });

product.Add(new Product { ProductID = 6, ProductName = "Scanner", ProductDescription = "Epson Scanner", ProductPrice = 8000, ProductStock = 60 });

product.Add(new Product { ProductID = 7, ProductName = "Keyboard", ProductDescription = "Logitech Keyboard", ProductPrice = 500, ProductStock = 70 });

product.Add(new Product { ProductID = 8, ProductName = "Mouse", ProductDescription = "Dell Mouse", ProductPrice = 300, ProductStock = 80 });

Datagrid1.ItemsSource = product;

}

}

}

现在构建项目,数据将填充 DataGrid 控件,但是,额外的列仍然显示在 DataGrid 内部,黄色突出显示区域。

现在的问题是如何删除这个多余的列。

在DataGridWindow.xaml的Xaml代码中,需要在DataGrid控件中添加一个小属性"ColumnWidth="*"。

现在重新构建代码并执行。下面的窗口将显示多余的列已从 DataGrid 控件中删除,并且数据已完全填充到 DataGrid 中。

如果您喜欢此文章,请收藏、点赞、评论,谢谢,祝您快乐每一天。

相关推荐
暖馒8 小时前
Modbus应用层协议的深度剖析
网络·网络协议·c#·wpf·智能硬件
R1nG86310 小时前
HCCL vs NCCL代码级对比 hccl/algorithms/ vs nccl/src/collectives/ Ring算法实现差异
wpf·cann
风指引着方向14 小时前
归约操作优化:ops-math 的 Sum/Mean/Max 实现
人工智能·wpf
听麟17 小时前
HarmonyOS 6.0+ 跨端智慧政务服务平台开发实战:多端协同办理与电子证照管理落地
笔记·华为·wpf·音视频·harmonyos·政务
听麟21 小时前
HarmonyOS 6.0+ APP AR文旅导览系统开发实战:空间定位与文物交互落地
人工智能·深度学习·华为·ar·wpf·harmonyos
聆风吟º1 天前
CANN hccl 深度解析:异构计算集群通信库的跨节点通信与资源管控实现逻辑
人工智能·wpf·transformer·cann
无心水2 天前
分布式定时任务与SELECT FOR UPDATE:从致命陷阱到优雅解决方案(实战案例+架构演进)
服务器·人工智能·分布式·后端·spring·架构·wpf
LZL_SQ2 天前
HCCL测试框架中AllReduce边界条件测试设计深度剖析
wpf·cann
User_芊芊君子3 天前
【分布式训练】CANN SHMEM跨设备内存通信库:构建高效多机多卡训练的关键组件
分布式·深度学习·神经网络·wpf
就是有点傻4 天前
WPF按钮走马灯效果
wpf