Skip to content

Commit d6e04f6

Browse files
vijayarasanvijayarasan
authored
Merge pull request #2 from SyncfusionExamples/ES-975464
ES-975464 - Resolve the ReadMe file length issue in this sample repository
2 parents 3b853b2 + aa45180 commit d6e04f6

File tree

3 files changed

+89
-2
lines changed

3 files changed

+89
-2
lines changed

‎README.md‎

Lines changed: 89 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,89 @@
1-
# Create-multiple-column-in-wpf-treeviewadv
2-
This session describes about creating multiple column in WPF TreeViewAdv.
1+
# Create multiple column in WPF TreeView
2+
3+
This session describes about creating multiple column in [WPF TreeView](https://help.syncfusion.com/wpf/classic/treeview/overview) (TreeViewAdv).
4+
5+
`TreeView` control can be created with multiple columns by setting the `MultiColumnEnable` property to `true`. This is dependency property, which gets or sets the value defining whether items are in multicolumn mode. The default value is `false`.
6+
7+
#### XAML
8+
9+
``` xml
10+
<!-- Adding TreeViewAdv with Enabling multiple column -->
11+
<syncfusion:TreeViewAdv Name="treeViewAdv" MultiColumnEnable="True">
12+
<!-- Adding TreeViewItemAdv -->
13+
<syncfusion:TreeViewItemAdv Name="treeViewItemAdv" Header="Marital Status">
14+
<syncfusion:TreeViewItemAdv Header="Single"/>
15+
<syncfusion:TreeViewItemAdv Header="Married"/>
16+
<syncfusion:TreeViewItemAdv Header="Married with Children"/>
17+
</syncfusion:TreeViewItemAdv>
18+
<syncfusion:TreeViewItemAdv Header="Baby Vaccines">
19+
<syncfusion:TreeViewItemAdv Header="Hepatitis B"/>
20+
<syncfusion:TreeViewItemAdv Header="Tetanus"/>
21+
<syncfusion:TreeViewItemAdv Header="Polio"/>
22+
<syncfusion:TreeViewItemAdv Header="Measles"/>
23+
</syncfusion:TreeViewItemAdv>
24+
<syncfusion:TreeViewItemAdv Header="Country Information">
25+
<syncfusion:TreeViewItemAdv Header="Canada"/>
26+
<syncfusion:TreeViewItemAdv Header="France"/>
27+
<syncfusion:TreeViewItemAdv Header="Germany"/>
28+
<syncfusion:TreeViewItemAdv Header="UK"/>
29+
<syncfusion:TreeViewItemAdv Header="USA"/>
30+
</syncfusion:TreeViewItemAdv>
31+
</syncfusion:TreeViewAdv>
32+
```
33+
#### C#
34+
35+
``` csharp
36+
//Enable multiple column enable
37+
treeViewAdv.MultiColumnEnable = true;
38+
```
39+
40+
#### VB
41+
42+
``` vb
43+
'Enable multiple column enable
44+
treeViewAdv.MultiColumnEnable = True
45+
```
46+
47+
![TreeViewAdv with multicolumn enabled](TreeViewAdvWithSingleColumn.png)
48+
49+
### Header for MultiColumn
50+
51+
TreeViewAdv allow user to set headers for individual columns using the Columns property. All the columns are defined in TreeViewColumnCollections.
52+
53+
``` xml
54+
<!-- Adding TreeViewAdv with Enabling multiple column -->
55+
<syncfusion:TreeViewAdv Name="treeViewAdv" MultiColumnEnable="True">
56+
<!-- Adding TreeViewItemAdv -->
57+
<syncfusion:TreeViewItemAdv Name="treeViewItemAdv" Header="Marital Status">
58+
<syncfusion:TreeViewItemAdv Header="Single"/>
59+
<syncfusion:TreeViewItemAdv Header="Married"/>
60+
<syncfusion:TreeViewItemAdv Header="Married with Children"/>
61+
</syncfusion:TreeViewItemAdv>
62+
<syncfusion:TreeViewItemAdv Header="Baby Vaccines">
63+
<syncfusion:TreeViewItemAdv Header="Hepatitis B"/>
64+
<syncfusion:TreeViewItemAdv Header="Tetanus"/>
65+
<syncfusion:TreeViewItemAdv Header="Polio"/>
66+
<syncfusion:TreeViewItemAdv Header="Measles"/>
67+
</syncfusion:TreeViewItemAdv>
68+
<syncfusion:TreeViewItemAdv Header="Country Information">
69+
<syncfusion:TreeViewItemAdv Header="Canada"/>
70+
<syncfusion:TreeViewItemAdv Header="France"/>
71+
<syncfusion:TreeViewItemAdv Header="Germany"/>
72+
<syncfusion:TreeViewItemAdv Header="UK"/>
73+
<syncfusion:TreeViewItemAdv Header="USA"/>
74+
</syncfusion:TreeViewItemAdv>
75+
<!-- Adding header -->
76+
<syncfusion:TreeViewAdv.Columns>
77+
<syncfusion:TreeViewColumnCollection>
78+
<syncfusion:TreeViewColumn Width="150" Header="Status"
79+
DisplayMemberBinding="{Binding Path=Header, RelativeSource={RelativeSource AncestorType={x:Type syncfusion:TreeViewItemAdv}}}"/>
80+
<syncfusion:TreeViewColumn Width="100" Header="Vaccines"
81+
DisplayMemberBinding="{Binding Path=Header, RelativeSource={RelativeSource AncestorType={x:Type syncfusion:TreeViewItemAdv}}}"/>
82+
<syncfusion:TreeViewColumn Width="50" Header="Country"
83+
DisplayMemberBinding="{Binding Path=Header, RelativeSource={RelativeSource AncestorType={x:Type syncfusion:TreeViewItemAdv}}}"/>
84+
</syncfusion:TreeViewColumnCollection>
85+
</syncfusion:TreeViewAdv.Columns>
86+
</syncfusion:TreeViewAdv>
87+
```
88+
89+
![TreeViewAdv with multicolumns providing with header text](TreeViewAdvWithMultiColumn.png)

‎TreeViewAdvWithMultiColumn.png‎

97 KB
Loading

‎TreeViewAdvWithSingleColumn.png‎

51.7 KB
Loading

0 commit comments

Comments
 (0)