datagrid下fitcolums设置没有铺满100%问题

在处理datagrid的fitColumns属性时,遇到表格宽度无法自适应填充满100%的困扰。经过多次尝试,找到了一个解决办法,即通过添加一个隐藏列来实现完美铺满的效果。
摘要由CSDN通过智能技术生成

真的是纠结了很久,忽然发现一个偏方,希望能帮到你们.

fit:true,fitcolums:true

都设置了,然而并没有什么卵用,还是铺不满,慢慢尝试忽然发现一个不错的方法,就是设置一个隐藏列

		datagrid1:function(){
			$(".datagrid1").show();
			$("#datagrid1").datagrid({
				url: "/tran/tranPmsYx.do",
				rownumbers: true,
				fit: true, 
				fitColumns: true,
				singleSelect: true, 
				idField: 'Project_id',
				toolbar: [{
					text: "导出",
					width: 80,
					iconCls: 'icon-export',
					handler: function () {}
				}],
				columns: [
					[{
						field: 'orgNo',
						title: '供电单位',
						align: 'center',
						sortable: true,
						width: 2,
						rowspan:3
					}, {
						field: 'pmsNum',
						title: 'PMS系统总数',
						align: 'center',
						width: 2,
						rowspan:3
					}, {
						field: "1-3",
						tit
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 WPF DataGrid 的标题中添加一个铺满整个列的按钮,您可以使用 DataGridTemplateColumn 的 Header 属性,并在其中放置一个 Grid 控件,该控件包含一个 Button 控件和一个 TextBlock 控件。然后,您可以使用 ColumnHeaderStyle 属性将 DataGridTemplateColumn 的样式设置为一个包含 Grid 控件的样式,该样式将 Grid 控件的宽度设置为与 DataGridTemplateColumn 的宽度相同。以下是一个示例: ``` <DataGrid> <DataGrid.Columns> <DataGridTemplateColumn> <DataGridTemplateColumn.Header> <Grid> <Button Content="按钮标题" Click="Button_Click" /> <TextBlock Text="列标题" VerticalAlignment="Center" Margin="5,0,0,0" /> </Grid> </DataGridTemplateColumn.Header> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <TextBlock Text="{Binding}" /> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> </DataGrid.Columns> <DataGrid.ColumnHeaderStyle> <Style TargetType="{x:Type DataGridColumnHeader}"> <Setter Property="ContentTemplate"> <Setter.Value> <DataTemplate> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <ContentPresenter Content="{Binding}" /> </Grid> </DataTemplate> </Setter.Value> </Setter> </Style> </DataGrid.ColumnHeaderStyle> </DataGrid> ``` 在此示例中,我们创建一个 DataGridTemplateColumn,并在其中使用 Header 属性设置一个 Grid 控件,该控件包含一个 Button 控件和一个 TextBlock 控件。然后,我们使用 ColumnHeaderStyle 属性为 DataGridTemplateColumn 设置一个样式,该样式将 Grid 控件的宽度设置为与 DataGridTemplateColumn 的宽度相同。 请注意,在此示例中,我们将 Grid 控件的列定义设置为 "*",这将使其宽度铺满整个 DataGridTemplateColumn。如果您需要更多的列或更复杂的布局,请相应地更改 Grid 控件的列定义。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值