.NET MAUI TreeDataGrid Frozen Columns
This article describes the frozen columns feature that the .NET MAUI TreeDataGrid provides.
You can pin a column on the left side of the grid by setting the IsFrozen(bool) property to the column. By default the value is False. When setting it to True to a concrete column, it makes the column frozen.
The next example shows how to set the frozen columns in XAML:
<telerik:RadTreeDataGrid x:Name="grid"
ItemsSource="{Binding Clubs}"
AutoGenerateColumns="False">
<telerik:RadDataGrid.Columns>
<telerik:DataGridTextColumn PropertyName="Name"
IsFrozen="True"
HeaderText="Name"/>
</telerik:RadDataGrid.Columns>
</telerik:RadTreeDataGrid> Collection of Frozen Columns
Once a column is frozen, it is added to the FrozenColumns collection (read-only collection). The collection can be used only for read-only purposes and cannot be modified. Freezing/Unfreezing the columns is done only through the IsFrozen property of the columns.
Styling
When there is a frozen column, a splitter UI is visualized. The splitter UI splits the frozen columns from the unfrozen.
You can style the frozen splitter UI using the FrozenColumnsSplitterStyle(Telerik.Maui.Controls.DataGrid.DataGridFrozenColumnsSplitterAppearance) property. The FrozenColumnsSplitterStyle property is a property of the DataGrid. It cannot be set on a specific column.
Style the splitter UI's Width, BackgroundColor, BorderColor and BorderThickness.
Example for FrozenColumnsSplitterStyle
<telerik:RadDataGrid.FrozenColumnsSplitterStyle>
<Style TargetType="telerik:DataGridFrozenColumnsSplitterAppearance">
<Setter Property="Width" Value="20" />
<Setter Property="BorderColor" Value="Gray" />
<Setter Property="BorderThickness" Value="2" />
<Setter Property="BackgroundColor" Value="LightBlue" />
</Style>
</telerik:RadDataGrid.FrozenColumnsSplitterStyle>