如何删除MyToolkit数据的标头？

Question

我在windows应用程序中使用MyToolkit DataGrid，在这里可以找到https://github.com/MyToolkit/MyToolkit/wiki/DataGrid。我想从数据集中删除标题。我该怎么做？有人能告诉我..。提前谢谢。

这是我的密码

        <controls:DataGrid.RowStyle>
            <Style TargetType="ListBoxItem">
                <Setter Property="Padding" Value="0"></Setter>
                <Setter Property="Height" Value="35"></Setter>
                <Setter Property="VerticalAlignment" Value="Top"></Setter>
            </Style>
        </controls:DataGrid.RowStyle>

        <controls:DataGrid.Columns>

            <controls:DataGridTextColumn Binding="{Binding SNumber}" Width="0.5*" CanSort="False" Foreground="White">
                <!--<controls:DataGridTextColumn.Header>
                    <Button x:Name="btnSl" x:Uid="RSNO" Style="{StaticResource ButtonStyle1}" Background="DarkTurquoise" Margin="0,0,0,0" ></Button>
                </controls:DataGridTextColumn.Header>-->
                <controls:DataGridTextColumn.Style>
                    <Style TargetType="TextBlock">
                        <Setter Property="TextAlignment" Value="Center"></Setter>
                        <Setter Property="VerticalAlignment" Value="Center"></Setter>
                    </Style>
                </controls:DataGridTextColumn.Style>
            </controls:DataGridTextColumn>

            <controls:DataGridTemplatedColumn CellTemplate="{StaticResource myCellTemplateMonth}"  Width="2.5*" x:Name="ItemDesc"  CanSort="False" IsAscendingDefault="True">

            </controls:DataGridTemplatedColumn>

            <controls:DataGridTextColumn Binding="{Binding uom}" Width="0.5*" CanSort="False" Foreground="White">
                <!--<controls:DataGridTextColumn.Header>
                    <Button x:Name="btnUOM" x:Uid="uom" Style="{StaticResource ButtonStyle1}" Grid.Column="2" Background="DarkTurquoise"></Button>
                </controls:DataGridTextColumn.Header>-->
                <controls:DataGridTextColumn.Style>
                    <Style TargetType="TextBlock">
                        <Setter Property="TextAlignment" Value="Center"></Setter>
                        <Setter Property="Margin" Value="0,0,0,0"></Setter>
                    </Style>
                </controls:DataGridTextColumn.Style>
            </controls:DataGridTextColumn>

            <controls:DataGridTemplatedColumn  Width="0.7*" CanSort="False">
                <!--<controls:DataGridTextColumn.Header>
                    <Button x:Name="bPrice" x:Uid="ItemPrice" Style="{StaticResource ButtonStyle1}" Grid.Column="3" Background="DarkTurquoise"></Button>
                </controls:DataGridTextColumn.Header>-->
                <controls:DataGridTemplatedColumn.CellTemplate>
                    <DataTemplate>
                        <StackPanel Name="pricePanel"  Height="30" Tapped="pricePanel_Tapped" >
                            <TextBlock Name="price" Foreground="White"  Text='{Binding editedPrice}' TextAlignment="Center" VerticalAlignment="Center"  Margin="0,5,0,0"></TextBlock>
                        </StackPanel>
                    </DataTemplate>
                </controls:DataGridTemplatedColumn.CellTemplate>
            </controls:DataGridTemplatedColumn>

            <controls:DataGridTemplatedColumn  Width="0.7*" CanSort="False">

                <controls:DataGridTemplatedColumn.CellTemplate>
                    <DataTemplate>
                        <StackPanel Name="quantityPanel"  Height="30" Tapped="quantityPanel_Tapped">
                            <TextBlock Name="quantity" TextAlignment="Center" Foreground="White"  Text='{Binding quantity}' VerticalAlignment="Center"  Margin="0,5,0,0"></TextBlock>
                        </StackPanel>
                    </DataTemplate>
                </controls:DataGridTemplatedColumn.CellTemplate>
            </controls:DataGridTemplatedColumn>

            <controls:DataGridTemplatedColumn  Width="0.6*" CanSort="False">
                <!--<controls:DataGridTextColumn.Header>
                    <Button x:Name="btnDiscnt" x:Uid="Rdiscount" Style="{StaticResource ButtonStyle1}" Grid.Column="5" Background="DarkTurquoise" ></Button>
                </controls:DataGridTextColumn.Header>-->
                <controls:DataGridTemplatedColumn.CellTemplate>
                    <DataTemplate>
                        <StackPanel Name="discountPanel"  Height="30" Tapped="discountPanel_Tapped" >
                            <TextBlock Name="Discount" TextAlignment="Center" Foreground="White" Text='{Binding discount}' VerticalAlignment="Center" Margin="10,5,0,0"></TextBlock>
                        </StackPanel>
                    </DataTemplate>
                </controls:DataGridTemplatedColumn.CellTemplate>
            </controls:DataGridTemplatedColumn>

            <controls:DataGridTextColumn Binding="{Binding cartTotal}" Width="0.85*" CanSort="False" Foreground="White">
                <!--<controls:DataGridTextColumn.Header>
                    <Button x:Name="btnCost" x:Uid="ItemCost" Style="{StaticResource ButtonStyle1}" Grid.Column="6" Background="DarkTurquoise"></Button>
                </controls:DataGridTextColumn.Header>-->
                <controls:DataGridTextColumn.Style>
                    <Style TargetType="TextBlock">
                        <Setter Property="HorizontalAlignment" Value="Center"></Setter>
                        <Setter Property="Margin" Value="-40,0,0,0"></Setter>
                    </Style>
                </controls:DataGridTextColumn.Style>
            </controls:DataGridTextColumn>

            <!--delete image column-->
            <controls:DataGridTemplatedColumn CanSort="False">
                <!--<controls:DataGridTemplatedColumn.Header>
                    <Image Source="/Images/erase.png" Height="40" Width="40" Grid.Column="7" Margin="5"></Image>
                </controls:DataGridTemplatedColumn.Header>-->
                <controls:DataGridTemplatedColumn.CellTemplate>
                    <DataTemplate>
                        <StackPanel x:Name="voidImagePanel"  Height="30" Tapped="voidImagePanel_Tapped">
                            <Image x:Name="VoidImage" Source="/Images/delete.png" Height="20" Width="30" VerticalAlignment="Center" HorizontalAlignment="Left"  Margin="-20,5,0,0"></Image>
                        </StackPanel>
                    </DataTemplate>
                </controls:DataGridTemplatedColumn.CellTemplate>
            </controls:DataGridTemplatedColumn>


        </controls:DataGrid.Columns>
    </controls:DataGrid>
</ScrollViewer>

​

这里我不想要标题。但我得到的空间是空的。我怎么能把它移除。

​

Answer 1

这里我不想要头像。但我得到的空间是空的。我怎么能把它移除。

我已经检查了MyToolkit的源代码，唯一的方法是修改DataGrid的默认模板，并将ColumnHeaders元素的Visibility属性设置为Collapsed

• 首先，添加这两个xaml前缀： xmlns:controls="using:MyToolkit.Controls" xmlns:Converters="using:MyToolkit.Converters"
• 其次，追加以下样式并将其赋值给DataGrid： <转换器:Visibility转换器x:Key="vc“/> <转换器:Not转换器x:Key="nc”/> <控件:DataGridTextColumn />

截图：

​

检查我已完成的演示 这里