New to Telerik UI for Xamarin? Download free 30-day trial

Hide the three dots from DataGrid ColumnHeader

Environment

Product Version 2018.3.912.1
Product DataGrid for Xamarin.Forms
Xamarin.Forms/Xamarin.iOS/Xamarin.Android SDK Version 3.2.0.871581

Description

This article will show you how to hide the three dots (OptionsButton) from the RadDataGrid ColumnHeader. The OptionsButton provides the functionality for filter and group DataGrid's data. You can remove/hide it from a specific column by using the HeaderStyle property of the DataGrid Column.

Solution

In order to make the OptionsButton hidden, you need to set the OprtionsButtonTextColor to transparent.

Here is an example how this could be achieved:

<telerikDataGrid:DataGridTextColumn PropertyName="Country">
     <telerikDataGrid:DataGridTextColumn.HeaderStyle>
         <telerikDataGrid:DataGridColumnHeaderStyle OptionsButtonTextColor="Transparent"
                                                    OptionsButtonFontSize="0"
                                                    BorderColor="#D9D9D9"
                                                    BorderThickness="1"/>
     </telerikDataGrid:DataGridTextColumn.HeaderStyle>
</telerikDataGrid:DataGridTextColumn>
In this article