WPF dataGrid超級標題爲多列

我想爲WPF DataGrid中的多個列做標題。我嘗試使用Header模板，但它會爲一列顯示標題。WPF dataGrid超級標題爲多列

下面XAML我曾嘗試：

<DataGrid> 
     <DataGrid.Columns> 
      <DataGridTextColumn> 
       <DataGridTextColumn.HeaderTemplate> 
        <DataTemplate> 
         <StackPanel> 
          <TextBlock>Column 1</TextBlock> 
          <TextBlock>xyz</TextBlock> 
         </StackPanel> 
        </DataTemplate> 
       </DataGridTextColumn.HeaderTemplate> 
      </DataGridTextColumn> 
      <DataGridTextColumn Header="Header" /> 
     </DataGrid.Columns> 
    </DataGrid>

我還附上了我的預期結果屏幕拍攝：

<Grid Width="Auto"> 
        <Grid.RowDefinitions> 
         <RowDefinition /> 
         <RowDefinition /> 
        </Grid.RowDefinitions> 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition /> 
         <ColumnDefinition /> 
         <ColumnDefinition /> 
        </Grid.ColumnDefinitions> 
        <toolkit:DataGrid x:Name="problemsList" 
             MinHeight="205" 
             MaxHeight="205" 
             Margin="3" 
             VerticalAlignment="Top" 
             AutoGenerateColumns="False" 
             CanUserAddRows="False" 
             CanUserDeleteRows="False" 
             CanUserReorderColumns="False" 
             CanUserResizeColumns="True" 
             CanUserResizeRows="False" 
             ColumnHeaderStyle="{StaticResource GridColumnHeaderStyle}" 
             HorizontalScrollBarVisibility="Visible" 
             ItemsSource="{Binding FisapCorrections}" 
             MouseLeftButtonUp="problemsList_MouseLeftButtonUp" 
             SelectionMode="Single" 
             Sorting="problemsList_Sorting" 
             VerticalScrollBarVisibility="Auto"> 
         <toolkit:DataGrid.Columns> 
          <toolkit:DataGridTemplateColumn MinWidth="50" 
                  CellTemplate="{StaticResource RowSelected}" 
                  Header="Select" /> 
          <toolkit:DataGridTextColumn MinWidth="88" 
                 Binding="{Binding StudentName}" 
                 Header="Student Name" 
                 IsReadOnly="True" /> 
          <toolkit:DataGridTextColumn x:Name="dgtcSSN" 
                 MinWidth="50" 
                 Binding="{Binding SSN}" 
                 Header="SSN" 
                 IsReadOnly="True" /> 
          <toolkit:DataGridTextColumn x:Name="dgtcStuNum" 
                 MinWidth="50" 
                 Binding="{Binding StuNum}" 
                 Header="StuNum" 
                 IsReadOnly="True" /> 
          <toolkit:DataGridTextColumn MinWidth="80" 
                 Binding="{Binding Campus}" 
                 Header="Campus" 
                 IsReadOnly="True" /> 
          <toolkit:DataGridTextColumn Width="50" 
                 MinWidth="50" 
                 Binding="{Binding BadModel, 
                      Converter={StaticResource ToEmptyStringConverter}}" 
                 Header="BadModel" 
                 HeaderTemplate="{StaticResource DepModelHeaderTemplate}" 
                 IsReadOnly="True" /> 
          <toolkit:DataGridTextColumn Width="72" 
                 MinWidth="72" 
                 Binding="{Binding BadPellEnrollStatus, 
                      Converter={StaticResource ToEmptyStringConverter}}" 
                 CanUserReorder="False" 
                 Header="BadPellEnrollStatus" 
                 HeaderTemplate="{StaticResource EnrollStatusHeaderTemplate}" 
                 IsReadOnly="True" /> 
          <toolkit:DataGridTextColumn Width="75" 
                 MinWidth="75" 
                 Binding="{Binding DupePell, 
                      Converter={StaticResource ToEmptyStringConverter}}" 
                 Header="DupePell" 
                 HeaderTemplate="{StaticResource DupStudentPellHeaderTemplate}" 
                 IsReadOnly="True" /> 
          <toolkit:DataGridTextColumn Width="80" 
                 MinWidth="80" 
                 Binding="{Binding BadTransactionId, 
                      Converter={StaticResource ToEmptyStringConverter}}" 
                 Header="BadTransactionId" 
                 HeaderTemplate="{StaticResource InvTransactionIDHeaderTemplate}" 
                 IsReadOnly="True" /> 
          <toolkit:DataGridTextColumn Width="40" 
                 MinWidth="40" 
                 Binding="{Binding HasNoISIR, 
                      Converter={StaticResource ToEmptyStringConverter}}" 
                 Header="HasNoISIR" 
                 HeaderTemplate="{StaticResource NoISIRHeaderTemplate}" 
                 IsReadOnly="True" /> 
          <toolkit:DataGridTextColumn Width="75" 
                 MinWidth="75" 
                 Binding="{Binding GradWithSEOG, 
                      Converter={StaticResource ToEmptyStringConverter}}" 
                 Header="GradWithSEOG" 
                 HeaderTemplate="{StaticResource NotEligxSEOGHeaderTemplate}" 
                 IsReadOnly="True" /> 
          <toolkit:DataGridTextColumn Width="100" 
                 MinWidth="100" 
                 Binding="{Binding GradIsDependent, 
                      Converter={StaticResource ToEmptyStringConverter}}" 
                 Header="GradIsDependent" 
                 HeaderTemplate="{StaticResource GradWithDepModelHeaderTemplate}" 
                 IsReadOnly="True" /> 
          <toolkit:DataGridTextColumn Width="60" 
                 MinWidth="60" 
                 Binding="{Binding NoClasses, 
                      Converter={StaticResource ToEmptyStringConverter}}" 
                 Header="NoClasses" 
                 HeaderTemplate="{StaticResource NoClassesHeaderTemplate}" 
                 IsReadOnly="True" /> 
          <toolkit:DataGridTextColumn Width="65" 
                 MinWidth="65" 
                 Binding="{Binding Ineligible}" 
                 Header="Ineligible" 
                 HeaderTemplate="{StaticResource SchoolStatusHeaderTemplate}" 
                 IsReadOnly="True" /> 
          <toolkit:DataGridTemplateColumn IsReadOnly="True"> 
           <toolkit:DataGridTemplateColumn.CellTemplate> 
            <DataTemplate> 
            <TextBlock Text="Main Header Text" Grid.columnSpan="3" Grid.Row="0" Grid.Column="0"/> 
            <TextBlock Text="Text 1" grid.Column="0" grid.Row="1"/> 
            <TextBlock Text="Text 2" grid.Column="1" grid.Row="1"/> 
            <TextBlock Text="Text 3" grid.Column="2" grid.Row="1"/> 
            </DataTemplate> 
           </toolkit:DataGridTemplateColumn.CellTemplate> 
           <toolkit:DataGridTemplateColumn.HeaderTemplate> 
            <DataTemplate> 
             <TextBlock Text="Missing from FISAP Summary Part II Section F" 
              TextWrapping="Wrap" 
              Width="200"/> 
            </DataTemplate> 
           </toolkit:DataGridTemplateColumn.HeaderTemplate> 
          </toolkit:DataGridTemplateColumn> 
         </toolkit:DataGrid.Columns> 
        </toolkit:DataGrid> 
        <CmcControls:WaitingControl x:Name="waitingControlOnGrid" 
               HorizontalAlignment="Center" 
               VerticalAlignment="Center" /> 
       </Grid>

我想補充的預期結果在網格 enter image description here 的最後

來源

2013-07-22 user2500796

請看看我的【答案】（HTTP：/ /stackoverflow.com/questions/17652039/multilevel-column-header-in-datagridview-wpf/17653328#17653328）。也許幫忙。 –

試試這個; - >

你只需要使用2行和3列，如果你想要你的ScreenShot描繪的方式。在第一行與Grid.ColumnsSpan定義你的TextBlock =「3」將於空間，3列在第二行中的每個不同的列定義每個TextBlock的：

 <DataGrid ItemsSource="{Binding FisapCorrections,RelativeSource={RelativeSource AncestorType=Window},UpdateSourceTrigger=PropertyChanged,Mode=TwoWay}"> 
     <DataGrid.Columns> 
     <DataGridTemplateColumn Width="200"> 
      <DataGridTemplateColumn.CellTemplate> 
       <DataTemplate> 
        <Grid> 
         <Grid.RowDefinitions> 
          <RowDefinition Height="150"/> 
          <RowDefinition Height="150"/> 
         </Grid.RowDefinitions> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition Width="70" /> 
          <ColumnDefinition Width="70"/> 
          <ColumnDefinition Width="70"/> 
         </Grid.ColumnDefinitions> 

             <TextBlock Text="Main Header Text" Height="100" Grid.ColumnSpan="3" Grid.Row="0" Grid.Column="0"/> 

          <TextBlock Text="Text 1" Height="100" Grid.Column="0" Grid.Row="1"/> 
             <TextBlock Text="Text 2" Grid.Column="1" Grid.Row="1"/> 
             <TextBlock Text="Text 3" Grid.Column="2" Grid.Row="1"/> 

        </Grid> 
       </DataTemplate> 
      </DataGridTemplateColumn.CellTemplate> 
     </DataGridTemplateColumn> 
     </DataGrid.Columns> 
    </DataGrid>

來源

2013-07-22 06:59:46 Vishal

比較錯誤可附加屬性ColumnSpan未在Grid中找到... – user2500796

Plz顯示您在應用程序中編寫的代碼 – Vishal

添加了整個dataGrid Xaml代碼。 – user2500796

WPF dataGrid超級標題爲多列

回答

相關問題