I must be expert at breaking things. Didn't take long at all and is simple to reproduce. I just added 'DataTemplate' to a 'DataGridTextColumn'. This suggests a workaround (just use 'DataGridTemplateColumn', as perhaps intended). Haven't checked 'fix' yet, wanted to help you to see behavior. Update 'StartPage.xaml' (with below code) in your project, start, scroll right/left a few times and you'll see headers out of order. I'll update after I try using 'DataGridTemplateColumn' (to see if it IS a workaround).
Used 'HeaderContentTemplate' as you can see in code below.
just put whole page for ease... just added DataTemplate to the DataGridTextColumn(s).
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
xmlns:telerikPrimitives
=
"clr-namespace:Telerik.XamarinForms.Primitives;assembly=Telerik.XamarinForms.Primitives"
xmlns:telerikDataControls
=
"clr-namespace:Telerik.XamarinForms.DataControls;assembly=Telerik.XamarinForms.DataControls"
xmlns:telerikChart
=
"clr-namespace:Telerik.XamarinForms.Chart;assembly=Telerik.XamarinForms.Chart"
xmlns:telerikInput
=
"clr-namespace:Telerik.XamarinForms.Input;assembly=Telerik.XamarinForms.Input"
xmlns:telerikGauges
=
"clr-namespace:Telerik.XamarinForms.DataVisualization.Gauges;assembly=Telerik.XamarinForms.DataVisualization"
xmlns:telerikDataGrid
=
"clr-namespace:Telerik.XamarinForms.DataGrid;assembly=Telerik.XamarinForms.DataGrid"
xmlns:local
=
"clr-namespace:DataGridXF.Portable"
x:Class
=
"DataGridXF.Portable.StartPage"
>
<
Grid
>
<
telerikDataGrid:RadDataGrid
AutoGenerateColumns
=
"False"
ItemsSource
=
"{Binding Clubs}"
UserEditMode
=
"Cell"
x:Name
=
"grid"
>
<
telerikDataGrid:RadDataGrid.BindingContext
>
<
local:ViewModel
/>
</
telerikDataGrid:RadDataGrid.BindingContext
>
<
telerikDataGrid:RadDataGrid.Columns
>
<
telerikDataGrid:DataGridTextColumn
PropertyName
=
"Name"
HeaderText
=
"Name"
>
<
telerikDataGrid:DataGridTextColumn.HeaderContentTemplate
>
<
DataTemplate
>
<
StackLayout
>
<
Label
Text
=
"Problem1"
/>
</
StackLayout
>
</
DataTemplate
>
</
telerikDataGrid:DataGridTextColumn.HeaderContentTemplate
>
<
telerikDataGrid:DataGridTextColumn.CellContentStyle
>
<
telerikDataGrid:DataGridTextCellStyle
TextColor
=
"Green"
FontSize
=
"15"
SelectedTextColor
=
"Orange"
/>
</
telerikDataGrid:DataGridTextColumn.CellContentStyle
>
</
telerikDataGrid:DataGridTextColumn
>
<
telerikDataGrid:DataGridTextColumn
PropertyName
=
"Name"
HeaderText
=
"Name"
>
<
telerikDataGrid:DataGridTextColumn.HeaderContentTemplate
>
<
DataTemplate
>
<
StackLayout
>
<
Label
Text
=
"Problem2"
/>
</
StackLayout
>
</
DataTemplate
>
</
telerikDataGrid:DataGridTextColumn.HeaderContentTemplate
>
<
telerikDataGrid:DataGridTextColumn.CellContentStyle
>
<
telerikDataGrid:DataGridTextCellStyle
TextColor
=
"Green"
FontSize
=
"15"
SelectedTextColor
=
"Orange"
/>
</
telerikDataGrid:DataGridTextColumn.CellContentStyle
>
</
telerikDataGrid:DataGridTextColumn
>
<
telerikDataGrid:DataGridTextColumn
PropertyName
=
"Name"
HeaderText
=
"Name"
>
<
telerikDataGrid:DataGridTextColumn.HeaderContentTemplate
>
<
DataTemplate
>
<
StackLayout
>
<
Label
Text
=
"Problem3"
/>
</
StackLayout
>
</
DataTemplate
>
</
telerikDataGrid:DataGridTextColumn.HeaderContentTemplate
>
<
telerikDataGrid:DataGridTextColumn.CellContentStyle
>
<
telerikDataGrid:DataGridTextCellStyle
TextColor
=
"Green"
FontSize
=
"15"
SelectedTextColor
=
"Orange"
/>
</
telerikDataGrid:DataGridTextColumn.CellContentStyle
>
</
telerikDataGrid:DataGridTextColumn
>
<
telerikDataGrid:DataGridTextColumn
PropertyName
=
"Name"
HeaderText
=
"Name"
>
<
telerikDataGrid:DataGridTextColumn.HeaderContentTemplate
>
<
DataTemplate
>
<
StackLayout
>
<
Label
Text
=
"Problem4"
/>
</
StackLayout
>
</
DataTemplate
>
</
telerikDataGrid:DataGridTextColumn.HeaderContentTemplate
>
<
telerikDataGrid:DataGridTextColumn.CellContentStyle
>
<
telerikDataGrid:DataGridTextCellStyle
TextColor
=
"Green"
FontSize
=
"15"
SelectedTextColor
=
"Orange"
>
</
telerikDataGrid:DataGridTextCellStyle
>
</
telerikDataGrid:DataGridTextColumn.CellContentStyle
>
</
telerikDataGrid:DataGridTextColumn
>
<
telerikDataGrid:DataGridPickerColumn
PropertyName
=
"Country"
HeaderText
=
"Country"
ItemsSourcePath
=
"Countries"
/>
<
telerikDataGrid:DataGridTemplateColumn
HeaderText
=
"Template Column"
>
<
telerikDataGrid:DataGridTemplateColumn.HeaderContentTemplate
>
<
DataTemplate
>
<
Label
Text
=
"{Binding HeaderText}"
/>
</
DataTemplate
>
</
telerikDataGrid:DataGridTemplateColumn.HeaderContentTemplate
>
</
telerikDataGrid:DataGridTemplateColumn
>
<
telerikDataGrid:DataGridTemplateColumn
HeaderText
=
"Template Column"
>
<
telerikDataGrid:DataGridTemplateColumn.HeaderContentTemplate
>
<
DataTemplate
>
<
Label
Text
=
"{Binding HeaderText}"
/>
</
DataTemplate
>
</
telerikDataGrid:DataGridTemplateColumn.HeaderContentTemplate
>
</
telerikDataGrid:DataGridTemplateColumn
>
<
telerikDataGrid:DataGridTemplateColumn
HeaderText
=
"Template Column"
>
<
telerikDataGrid:DataGridTemplateColumn.HeaderContentTemplate
>
<
DataTemplate
>
<
Label
Text
=
"{Binding HeaderText}"
/>
</
DataTemplate
>
</
telerikDataGrid:DataGridTemplateColumn.HeaderContentTemplate
>
</
telerikDataGrid:DataGridTemplateColumn
>
<
telerikDataGrid:DataGridTemplateColumn
HeaderText
=
"Template Column"
>
<
telerikDataGrid:DataGridTemplateColumn.HeaderContentTemplate
>
<
DataTemplate
>
<
Label
Text
=
"{Binding HeaderText}"
/>
</
DataTemplate
>
</
telerikDataGrid:DataGridTemplateColumn.HeaderContentTemplate
>
</
telerikDataGrid:DataGridTemplateColumn
>
<
telerikDataGrid:DataGridTemplateColumn
HeaderText
=
"Template Column"
>
<
telerikDataGrid:DataGridTemplateColumn.HeaderContentTemplate
>
<
DataTemplate
>
<
Label
Text
=
"{Binding HeaderText}"
/>
</
DataTemplate
>
</
telerikDataGrid:DataGridTemplateColumn.HeaderContentTemplate
>
</
telerikDataGrid:DataGridTemplateColumn
>
<
telerikDataGrid:DataGridTemplateColumn
HeaderText
=
"Template Column"
>
<
telerikDataGrid:DataGridTemplateColumn.HeaderContentTemplate
>
<
DataTemplate
>
<
Label
Text
=
"{Binding HeaderText}"
/>
</
DataTemplate
>
</
telerikDataGrid:DataGridTemplateColumn.HeaderContentTemplate
>
</
telerikDataGrid:DataGridTemplateColumn
>
<
telerikDataGrid:DataGridTimeColumn
PropertyName
=
"Established"
HeaderText
=
"Time Column"
/>
</
telerikDataGrid:RadDataGrid.Columns
>
</
telerikDataGrid:RadDataGrid
>
</
Grid
>
</
ContentPage
>