Как в DataGrid объединить ячейки

@EvgenOrel · Регистрация: 04.09.2009

Студворк — интернет-сервис помощи студентам

Здраствуйте.
Подскажите, как в WPF создать заголовок к DataGrid подобного вида:

@I2um1 · 22.08.2012, 13:00

Сообщение от EvgenOrel

Подскажите, как в WPF создать заголовок к DataGrid подобного вида

Переопределить Template. В упрощенном виде это выглядит как-то так:

Код

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<DataGrid>
  <DataGrid.Columns>
    <DataGridTextColumn Header="Дата" />
    <DataGridTextColumn>
      <DataGridTextColumn.HeaderTemplate>
        <DataTemplate>
          <Grid>
            <Grid.Resources>
              <Style TargetType="TextBlock">
                <Setter Property="HorizontalAlignment" Value="Center" />
                <Setter Property="Margin" Value="5 0 5 0" />
              </Style>
            </Grid.Resources>
            <Grid.RowDefinitions>
              <RowDefinition />
              <RowDefinition />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
              <ColumnDefinition />
              <ColumnDefinition />
              <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <TextBlock Grid.ColumnSpan="3" Text="Набор1" />
            <TextBlock Grid.Row="1" Text="Зн1" />
            <TextBlock Grid.Row="1" Grid.Column="1" Text="Зн2" />
            <TextBlock Grid.Row="1" Grid.Column="2" Text="Зн3" />
          </Grid>
        </DataTemplate>
      </DataGridTextColumn.HeaderTemplate>
    </DataGridTextColumn>
    <DataGridTextColumn>
      <DataGridTextColumn.HeaderTemplate>
        <DataTemplate>
          <TextBlock Text="условие" Margin="0 0 5 0">
            <TextBlock.LayoutTransform>
              <RotateTransform Angle="270" />
            </TextBlock.LayoutTransform>
          </TextBlock>
        </DataTemplate>
      </DataGridTextColumn.HeaderTemplate>
    </DataGridTextColumn>
    <DataGridTextColumn>
      <DataGridTextColumn.HeaderTemplate>
        <DataTemplate>
          <Grid>
            <Grid.Resources>
              <Style TargetType="TextBlock">
                <Setter Property="HorizontalAlignment" Value="Center" />
                <Setter Property="Margin" Value="5 0 5 0" />
              </Style>
            </Grid.Resources>
            <Grid.RowDefinitions>
              <RowDefinition />
              <RowDefinition />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
              <ColumnDefinition />
              <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <TextBlock Grid.ColumnSpan="2" Text="Набор2" />
            <TextBlock Grid.Row="1" Text="Зн1" />
            <TextBlock Grid.Row="1" Grid.Column="1" Text="Зн2" />
          </Grid>
        </DataTemplate>
      </DataGridTextColumn.HeaderTemplate>
    </DataGridTextColumn>
  </DataGrid.Columns>
</DataGrid>

Ясное дело, необходимо выделять ресурсы и шаблоны, а не писать так сплошняком. А на счет поведения и внешнего вида - это на сколько хватит фантазии - я с этим не заморачивался.

@EvgenOrel · 22.08.2012, 15:25 **[ТС]**

Спасибо, с этим все понятно, но как тогда делать привязку данных? В гриде описано 4 колонки, а в данных их 7. И как сделать чтобы размер, например, колонки Зн2 в Наборе1 можно было изменять перетаскивая курсором за границу?

@I2um1 · 22.08.2012, 16:29

Эм, для этого надо усложнить код как-то так:

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<Window x:Class="WpfApplication.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:sys="clr-namespace:System;assembly=mscorlib"
        Title="MainWindow" Height="400" Width="400">
  <Window.Resources>
    <XmlDataProvider x:Key="Info">
      <x:XData>
        <Data xmlns="">
          <Set>
            <Date>
              <sys:DateTime>01.01.1900</sys:DateTime>
            </Date>
            <Zn1>1</Zn1>
            <Zn2>2</Zn2>
            <Zn3>3</Zn3>
          </Set>
          <Set>
            <Date>
              <sys:DateTime>02.01.1900</sys:DateTime>
            </Date>
            <Zn1>4</Zn1>
            <Zn2>5</Zn2>
            <Zn3>6</Zn3>
          </Set>
        </Data>
      </x:XData>
    </XmlDataProvider>
 
    <DataTemplate x:Key="DateTemplate">
      <TextBlock Text="{Binding Mode=OneWay, XPath=Date}" />
    </DataTemplate>
 
    <GridViewColumnCollection x:Key="ColumnCollection">
      <GridViewColumn Header="Зн1" DisplayMemberBinding="{Binding Mode=OneWay, XPath=Zn1}" />
      <GridViewColumn Header="Зн2" DisplayMemberBinding="{Binding Mode=OneWay, XPath=Zn2}" />
      <GridViewColumn Header="Зн3" DisplayMemberBinding="{Binding Mode=OneWay, XPath=Zn3}" Width="Auto" />
    </GridViewColumnCollection>
 
    <Style x:Key="StretchHeaderStyle" TargetType="{x:Type GridViewColumnHeader}">
      <Setter Property="HorizontalContentAlignment" Value="Stretch" />
    </Style>
 
    <DataTemplate x:Key="MultiColumnHeaderTemplate">
      <Grid>
        <Grid.RowDefinitions>
          <RowDefinition Height="Auto" />
          <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock Text="{Binding}" HorizontalAlignment="Center" />
        <GridViewHeaderRowPresenter Grid.Row="1" HorizontalAlignment="Stretch"
                                    Columns="{DynamicResource ColumnCollection}" />
      </Grid>
    </DataTemplate>
 
    <DataTemplate x:Key="MultiColumnCellTemplate">
      <Grid>
        <GridViewRowPresenter HorizontalAlignment="Stretch" Columns="{StaticResource ColumnCollection}" />
      </Grid>
    </DataTemplate>
 
  </Window.Resources>
 
  <Grid x:Name="LayoutRoot">
    <ListView ItemsSource="{Binding Mode=Default, Source={StaticResource Info}, XPath=/Data/Set}"
              IsSynchronizedWithCurrentItem="True">
      <ListView.View>
        <GridView ColumnHeaderContainerStyle="{StaticResource StretchHeaderStyle}">
          <GridViewColumn Header="Дата" CellTemplate="{StaticResource DateTemplate}" />
          <GridViewColumn Header="Набор1" HeaderTemplate="{StaticResource MultiColumnHeaderTemplate}"
                          CellTemplate="{StaticResource MultiColumnCellTemplate}" />
        </GridView>
      </ListView.View>
    </ListView>
  </Grid>
</Window>

@kenny69 · 22.08.2012, 16:45

не самый лучший вариант, но тем не менее рабочий.

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="2*"/>
        </Grid.RowDefinitions>
        <Grid Grid.Row="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="{Binding ElementName=datagrid1, Path=RowHeaderWidth}" />
                <ColumnDefinition Width="{Binding ElementName=Column1, Path=ActualWidth}" />
                <ColumnDefinition Width="{Binding ElementName=Column2, Path=ActualWidth}" />
                <ColumnDefinition Width="{Binding ElementName=Column3, Path=ActualWidth}" />
                <ColumnDefinition Width="{Binding ElementName=Column4, Path=ActualWidth}" />
            </Grid.ColumnDefinitions>
            <Border Grid.Column="1" Grid.ColumnSpan="3" BorderBrush="Black" HorizontalAlignment="Stretch" BorderThickness="2">
                <Label>Super Header!!</Label>
            </Border>
        </Grid>
        <DataGrid AutoGenerateColumns="False" Margin="10,0"
                                Name="datagrid1" Grid.Row="1" RowHeaderWidth="10">
            <DataGrid.Columns>
                <DataGridTextColumn Header="column 1" Width="100" x:Name="Column1" />
                <DataGridTextColumn Header="column 2" Width="80" x:Name="Column2"/>
                <DataGridTextColumn Header="column 3" Width="80" x:Name="Column3"/>
                <DataGridTextColumn Header="column 4" Width="*" x:Name="Column4"/>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>

Добавлено через 7 минут
хотя, вариант Blood-Angel мне больше нравится.

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@EvgenOrel 20 / 20 / 11 Регистрация: 04.09.2009 Сообщений: 104

	Как в DataGrid объединить ячейки 22.08.2012, 11:07. Показов 19579. Ответов 4 Метки нет (Все метки) Здраствуйте. Подскажите, как в WPF создать заголовок к DataGrid подобного вида: Миниатюры 0

@EvgenOrel 20 / 20 / 11 Регистрация: 04.09.2009 Сообщений: 104
	22.08.2012, 15:25 [ТС]
	Спасибо, с этим все понятно, но как тогда делать привязку данных? В гриде описано 4 колонки, а в данных их 7. И как сделать чтобы размер, например, колонки Зн2 в Наборе1 можно было изменять перетаскивая курсором за границу? 0