MyToolkit Datagrid의 헤더를 제거하는 방법은 무엇입니까?

Question

내 Windows 응용 프로그램에 MyToolkit DataGrid를 사용하고 있습니다. https://github.com/MyToolkit/MyToolkit/wiki/DataGrid입니다. 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

여기 헤더를 원하지 않습니다. 그러나 나는 빈 공간을 얻고있다. 어떻게 제거 할 수 있습니까? 이 두 XAML 접두사를 추가, 첫째

• : 나는 MyToolkit의 소스 코드를 검사 한

는 유일한 방법은 데이터 그리드의 기본 템플릿을 수정하고 ColumnHeaders 요소의 Visibility 재산 Collapsed에 설정하는 것입니다 : 두 번째

xmlns:controls="using:MyToolkit.Controls" xmlns:Converters="using:MyToolkit.Converters"

, 다음과 같은 스타일과 아씨를 추가 데이터 그리드에 GN :

<controls:DataGrid.Resources> 
     <Converters:VisibilityConverter x:Key="vc" /> 

     <Converters:NotConverter x:Key="nc" /> 

     <!-- TransparentListBox --> 
     <Style x:Key="TransparentListBox" TargetType="ListBox"> 
      <Setter Property="Foreground" Value="{StaticResource ListBoxForegroundThemeBrush}"/> 
      <Setter Property="Background" Value="Transparent"/> 
      <Setter Property="BorderBrush" Value="{StaticResource ListBoxBorderThemeBrush}"/> 
      <Setter Property="BorderThickness" Value="{StaticResource ListBoxBorderThemeThickness}"/> 
      <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled"/> 
      <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/> 
      <Setter Property="ScrollViewer.HorizontalScrollMode" Value="Disabled"/> 
      <Setter Property="ScrollViewer.IsHorizontalRailEnabled" Value="True"/> 
      <Setter Property="ScrollViewer.VerticalScrollMode" Value="Enabled"/> 
      <Setter Property="ScrollViewer.IsVerticalRailEnabled" Value="True"/> 
      <Setter Property="ScrollViewer.ZoomMode" Value="Disabled"/> 
      <Setter Property="IsTabStop" Value="False"/> 
      <Setter Property="TabNavigation" Value="Once"/> 
      <Setter Property="FontFamily" Value="{StaticResource ContentControlThemeFontFamily}"/> 
      <Setter Property="FontSize" Value="{StaticResource ControlContentThemeFontSize}"/> 
      <Setter Property="ItemsPanel"> 
       <Setter.Value> 
        <ItemsPanelTemplate> 
         <VirtualizingStackPanel/> 
        </ItemsPanelTemplate> 
       </Setter.Value> 
      </Setter> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="ListBox"> 
         <Border x:Name="LayoutRoot" BorderBrush="{TemplateBinding BorderBrush}" 
        BorderThickness="{TemplateBinding BorderThickness}" 
        Background="{TemplateBinding Background}"> 
          <VisualStateManager.VisualStateGroups> 
           <VisualStateGroup x:Name="CommonStates"> 
            <VisualState x:Name="Normal"/> 
            <VisualState x:Name="Disabled"> 
             <Storyboard> 
              <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="LayoutRoot"> 
               <DiscreteObjectKeyFrame KeyTime="0" Value="Transparent"/> 
              </ObjectAnimationUsingKeyFrames> 
              <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="LayoutRoot"> 
               <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ListBoxDisabledForegroundThemeBrush}"/> 
              </ObjectAnimationUsingKeyFrames> 
             </Storyboard> 
            </VisualState> 
           </VisualStateGroup> 
           <VisualStateGroup x:Name="FocusStates"> 
            <VisualState x:Name="Focused"/> 
            <VisualState x:Name="Unfocused"/> 
           </VisualStateGroup> 
          </VisualStateManager.VisualStateGroups> 
          <ScrollViewer x:Name="ScrollViewer" 
           HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}" 
           HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}" 
           IsHorizontalRailEnabled="{TemplateBinding ScrollViewer.IsHorizontalRailEnabled}" 
           IsVerticalRailEnabled="{TemplateBinding ScrollViewer.IsVerticalRailEnabled}" 
           Padding="{TemplateBinding Padding}" TabNavigation="{TemplateBinding TabNavigation}" 
           VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}" 
           VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}" 
           ZoomMode="{TemplateBinding ScrollViewer.ZoomMode}"> 
           <ItemsPresenter/> 
          </ScrollViewer> 
         </Border> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 

     <Style x:Key="DataGridStyle1" TargetType="controls:DataGrid"> 
      <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}" /> 
      <Setter Property="HeaderBackground" Value="{ThemeResource SystemControlHighlightChromeHighBrush}" /> 
      <Setter Property="RowBackgroundOddBrush" Value="{ThemeResource SystemControlPageBackgroundChromeLowBrush}" /> 
      <Setter Property="CellTemplate"> 
       <Setter.Value> 
        <DataTemplate> 
         <ContentPresenter Margin="12" Content="{Binding Control}" /> 
        </DataTemplate> 
       </Setter.Value> 
      </Setter> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="controls:DataGrid"> 
         <Grid Background="{TemplateBinding Background}"> 
          <Grid.RowDefinitions> 
           <RowDefinition Height="Auto" /> 
           <RowDefinition Height="*" /> 
          </Grid.RowDefinitions> 

          <Grid Grid.Row="0" Visibility="Collapsed" Background="{TemplateBinding HeaderBackground}" Height="40" x:Name="ColumnHeaders"> 
           <!-- HACK: Needed so that column DPs are working when adding columns in code only. --> 
           <ContentPresenter> 
            <controls:DataGridTextColumn /> 
           </ContentPresenter> 
          </Grid> 

          <controls:MtListBox BorderThickness="0" Grid.Row="1" 
            ItemContainerStyle="{TemplateBinding RowStyle}" 
            HorizontalContentAlignment="Stretch" 
            VerticalContentAlignment="Stretch" 
            Foreground="{ThemeResource SystemControlForegroundBaseHighBrush}" 
            Style="{StaticResource TransparentListBox}" 
            Margin="0" x:Name="Rows" /> 
         </Grid> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
      <Setter Property="HeaderTemplate"> 
       <Setter.Value> 
        <DataTemplate> 
         <Grid Background="Transparent"> 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width="Auto" /> 
           <ColumnDefinition Width="*" /> 
          </Grid.ColumnDefinitions> 

          <ContentPresenter Grid.Column="0" 
            Margin="12,0,12,2" 
            VerticalAlignment="Center" 
            FontSize="{ThemeResource TextStyleLargeFontSize}" 
            Content="{Binding Header}" /> 

          <StackPanel Grid.Column="1" 
            Visibility="{Binding IsSelected, Converter={StaticResource vc}}" 
            VerticalAlignment="Center" 
            HorizontalAlignment="Left"> 
           <Path Data="M4,0 L0,8 L8,8 Z" Fill="White" Visibility="{Binding IsAscending, Converter={StaticResource vc}}"/> 
           <Path Data="M0,0 L4,8 L8,0 Z" Fill="White" Visibility="{Binding IsAscending, Converter={StaticResource nc}}"/> 
          </StackPanel> 
         </Grid> 
        </DataTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
    </controls:DataGrid.Resources> 
    <controls:DataGrid.Style> 
     <StaticResource ResourceKey="DataGridStyle1"/> 
    </controls:DataGrid.Style> 

스크린 샷 :

내 완료 데모 here