I have to hide one column of Datagrid. it doesn't work on both simulator and browser. Please find below code snippet -
eg. - Here I have to hide "Id" so I applied collapsed but it doesn't work.
Code: Select all
<Grid Width="500" Height="300" VerticalAlignment="Top" HorizontalAlignment="Stretch">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="400"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="200"></RowDefinition>
</Grid.RowDefinitions>
<DataGrid x:Name="dgMain" Grid.Row="0" Grid.Column="0" Width="Auto" Height="Auto" AutoGenerateColumns="False" FontFamily="Arial" FontSize="11" >
<DataGrid.Columns>
<DataGridTemplateColumn Header="Id" Visibility="Collapsed">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock x:Name="col1" Width="10" Text="{Binding Id}" HorizontalContentAlignment="Left"/>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
<DataGridTemplateColumn Header="Name">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock x:Name="col2" Width="100" Text="{Binding Name}" HorizontalContentAlignment="Left"/>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
<DataGridTemplateColumn Header="Email">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock x:Name="col3" Width="100" Text="{Binding Email}" HorizontalContentAlignment="Left"/>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
<DataGridTemplateColumn Header="Address">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock x:Name="col4" Width="100" Text="{Binding Address}" HorizontalContentAlignment="Left"/>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
</DataGrid.Columns>
</DataGrid>
</Grid>
Please suggest.
Thanks,
Swapnil