Skip to content

Commit 5699a3a

Browse files
SreemonPremkumarMSreemonPremkumarM
committed
ES-975464 - Resolve the ReadMe file length issue in this sample repository
1 parent 9db07cf commit 5699a3a

File tree

1 file changed

+80
-2
lines changed

1 file changed

+80
-2
lines changed

‎README.md‎

Lines changed: 80 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,80 @@
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+
### Header for MultiColumn
41+
42+
TreeViewAdv allow user to set headers for individual columns using the Columns property. All the columns are defined in TreeViewColumnCollections.
43+
44+
``` xml
45+
<!-- Adding TreeViewAdv with Enabling multiple column -->
46+
<syncfusion:TreeViewAdv Name="treeViewAdv" MultiColumnEnable="True">
47+
<!-- Adding TreeViewItemAdv -->
48+
<syncfusion:TreeViewItemAdv Name="treeViewItemAdv" Header="Marital Status">
49+
<syncfusion:TreeViewItemAdv Header="Single"/>
50+
<syncfusion:TreeViewItemAdv Header="Married"/>
51+
<syncfusion:TreeViewItemAdv Header="Married with Children"/>
52+
</syncfusion:TreeViewItemAdv>
53+
<syncfusion:TreeViewItemAdv Header="Baby Vaccines">
54+
<syncfusion:TreeViewItemAdv Header="Hepatitis B"/>
55+
<syncfusion:TreeViewItemAdv Header="Tetanus"/>
56+
<syncfusion:TreeViewItemAdv Header="Polio"/>
57+
<syncfusion:TreeViewItemAdv Header="Measles"/>
58+
</syncfusion:TreeViewItemAdv>
59+
<syncfusion:TreeViewItemAdv Header="Country Information">
60+
<syncfusion:TreeViewItemAdv Header="Canada"/>
61+
<syncfusion:TreeViewItemAdv Header="France"/>
62+
<syncfusion:TreeViewItemAdv Header="Germany"/>
63+
<syncfusion:TreeViewItemAdv Header="UK"/>
64+
<syncfusion:TreeViewItemAdv Header="USA"/>
65+
</syncfusion:TreeViewItemAdv>
66+
<!-- Adding header -->
67+
<syncfusion:TreeViewAdv.Columns>
68+
<syncfusion:TreeViewColumnCollection>
69+
<syncfusion:TreeViewColumn Width="150" Header="Status"
70+
DisplayMemberBinding="{Binding Path=Header, RelativeSource={RelativeSource AncestorType={x:Type syncfusion:TreeViewItemAdv}}}"/>
71+
<syncfusion:TreeViewColumn Width="100" Header="Vaccines"
72+
DisplayMemberBinding="{Binding Path=Header, RelativeSource={RelativeSource AncestorType={x:Type syncfusion:TreeViewItemAdv}}}"/>
73+
<syncfusion:TreeViewColumn Width="50" Header="Country"
74+
DisplayMemberBinding="{Binding Path=Header, RelativeSource={RelativeSource AncestorType={x:Type syncfusion:TreeViewItemAdv}}}"/>
75+
</syncfusion:TreeViewColumnCollection>
76+
</syncfusion:TreeViewAdv.Columns>
77+
</syncfusion:TreeViewAdv>
78+
```
79+
80+
![alt text](image.png)

0 commit comments

Comments
 (0)