06 DataGrid控件
06 DataGrid控件
表示用于在可自定义的网格中显示数据的控件
<!-- ItemsSource 绑定数据 CanUserDeleteRows 能否删除行 HeadersVisibility 标题可访问项 --> <DataGrid Name="grid1" FontSize="20" HorizontalAlignment="Center" VerticalAlignment="Center" Width="700" Height="300" Background="AliceBlue" AutoGenerateColumns="False" CanUserDeleteRows="False" CanUserSortColumns="True" CanUserResizeColumns="True" CanUserResizeRows="True" CanUserReorderColumns="True" GridLinesVisibility="Horizontal" ItemsSource="{Binding datas,ElementName=main}" HeadersVisibility="Column" > <!--列标题样式--> <DataGrid.ColumnHeaderStyle> <Style TargetType="DataGridColumnHeader"> <Setter Property="Foreground" Value="Green"/> <Setter Property="FontSize" Value="20"/> <Setter Property="HorizontalContentAlignment" Value="Center"/> <Setter Property="FontWeight" Value="Bold"></Setter> <!--触发器--> <Style.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="ToolTip" Value="鼠标点击可以排序"></Setter> </Trigger> </Style.Triggers> </Style> </DataGrid.ColumnHeaderStyle> <!--单元格样式--> <DataGrid.CellStyle> <Style TargetType="DataGridCell"> <Setter Property="BorderThickness" Value="0,0,0,0"/> <Setter Property="Foreground" Value="Red"/> <Setter Property="FontSize" Value="20"/> <!--单元格模板,可以自定义单元格展示效果--> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="DataGridCell"> <Grid Background="Yellow"> <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> </DataGrid.CellStyle> <!--定义表格列--> <DataGrid.Columns> <!--使用Binding绑定数据中的某个项--> <DataGridTextColumn Width="300" Header="姓名" Binding="{Binding Path=Name}"/> <DataGridTextColumn Width="50" Header="年龄" Binding="{Binding Path=Age}"/> <!--将会渲染为多选框的列--> <DataGridCheckBoxColumn Width="200" Header="性别" Binding="{Binding Path=Sex}"/> <!--将会渲染为下拉菜单的列--> <DataGridComboBoxColumn Width="200" Header="爱好" x:Name="aaa" SelectedItemBinding="{Binding Path=Hobby}"> <DataGridComboBoxColumn.EditingElementStyle> <Style TargetType="ComboBox"> <Setter Property="ItemsSource" Value="{Binding Path=Hobby, ElementName=main}"/> </Style> </DataGridComboBoxColumn.EditingElementStyle> </DataGridComboBoxColumn> <!--自定义的列--> <DataGridTemplateColumn> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <DockPanel Margin="20"> <Button>删除</Button> <Button>编辑</Button> </DockPanel> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> </DataGrid.Columns> </DataGrid>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步