Last Updated: 01 Oct 2020 12:59 by ADMIN
Created on: 27 Aug 2020 10:41
Category: DataGrid
Type: Bug Report
datagrid HeaderContentTemplates swapped when item source changed

if the Flow Direction RTL

the sort of columns changing each time item source changed when customize HeaderContentTemplates  as a data template


and if HeaderText ysed instead of customizing label as data template the Arabic letters not shown correctly

Posted on: 01 Oct 2020 12:59

I have updated the status of this item to "Declined" - we didn't manage to reproduce the described erroneous behavior due to insufficient information.

If you still experience the issue, please open a support ticket and send us more information/a repro project there. 

Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

Posted on: 01 Sep 2020 11:59

Hello Mahmoud,

I would need more details on the exact scenario as I wasn't able to reproduce the described behavior only with the provided style and template.  Would it be possible to try to isolate it in a simple runnable solution and send it over, so I can take a look?

Thank you in advance for your cooperation on this.

Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at

Posted on: 31 Aug 2020 09:27

DataGridColumnHeaderStyle = new DataGridColumnHeaderStyle
                OptionsButtonTextColor = Color.Transparent,
                TextFontFamily = SetFontFamily(ExtFontAttributes.Regular),
                BackgroundColor = Color.Transparent,
                BorderColor = Color.FromHex("#707070"),
                TextFontSize = 0,
                BorderThickness = 0,
                HorizontalTextAlignment = TextAlignment.Center,
                VerticalTextAlignment = TextAlignment.Center,



var column_HeaderTemplate = new DataTemplate(() =>
                var Lbl_header = new Label()
                    HorizontalOptions = LayoutOptions.Center,
                    FontFamily = SetFontFamily(ExtFontAttributes.Regular),
                    VerticalOptions = LayoutOptions.Center,
                    HeightRequest = 20,
                    Margin = 15
                Lbl_header.Text = columnName;
                return Lbl_header;

            var new_Column = new DataGridTemplateColumn() { HeaderContentTemplate = column_HeaderTemplate };
            new_Column.HeaderStyle = DataGridColumnHeaderStyle;


and the table will renderer good then when trying to change itemsSource the columns names blurring and swapped,

sometimes some columns headers duplicated

but data columns still great with same sort that i added

Posted on: 31 Aug 2020 05:20

Hi Mahmoud,

First, regarding the issue with Arabic letters not shown correctly - this is a known problem related to the SkiaSharp library we're using for rendering RadDataGrid. We've been researching this issue and came to the conclusion we'll not be able to provide a fix in our code as none of the suggested solutions from the Skia team was applicable to our DataGrid control. So, the workaround is to use custom templates. For more details on the matter please refer to the following feedback item: 

DataGrid: [Android][UWP] Some languages are not properly rendered by SkiaSharp elements

As to the other issue with RTL flow direction - would it be possible to elaborate a little bit more on the scenario? Some sample code would be of great help in reproducing and researching the case.

I look forward to your reply.

Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on , special prizes and more, for FREE?! Register now for DevReach 2.0(20).