3 Answers, 1 is accepted
There is no explicit HeaderRow style to set this, rather you want to style column headers instead. You can learn more about the HeaderStyle properties in the Columns Styling article (be sure to read the green notes). See my other forum post with an example that achieves this.
If you have any trouble implementing your custom style, please open a support ticket here and share your code with the DataGrid development team so that can assist further.
Regards,
Lance | Tech Support Engineer, Sr.
Progress Telerik
It's work but i've but not in all my columns. In an oreder column i I see the arrow indicating the sorting (i try to set TextColor for this header column with white (the arrow is black) but it's not work. I also insert OptionsButtonTextColor="Transparent" for hide the dots at the end of each column
This is my grid :
<telerikDataGrid:RadDataGrid x:Name="gridTotal"
Margin="60,0,60,0"
SelectionMode="Single"
SelectionUnit="Row"
UserFilterMode="Disabled"
UserGroupMode="Disabled"
UserSortMode="None"
AutoGenerateColumns="False"
ItemsSource="{Binding TransactionResponseModelForGrid}"
Grid.Row="10"
Grid.Column="0"
Grid.ColumnSpan="4"
Grid.RowSpan="12"
SelectionChanged="grid_SelctionChanged" >
<telerikDataGrid:RadDataGrid.SortDescriptors>
<common:PropertySortDescriptor PropertyName="IssuingDate" SortOrder="Descending" />
</telerikDataGrid:RadDataGrid.SortDescriptors>
<telerikDataGrid:RadDataGrid.SelectionStyle>
<telerikDataGrid:DataGridBorderStyle BackgroundColor="LightGray" BorderColor="Black" BorderThickness="1" />
</telerikDataGrid:RadDataGrid.SelectionStyle>
<telerikDataGrid:RadDataGrid.Columns>
<telerikDataGrid:DataGridTextColumn PropertyName="Id" HeaderText="TRANSACTION ID" Width="150" SizeMode="Fixed" >
<telerikDataGrid:DataGridTextColumn.CellDecorationStyle>
<telerikDataGrid:DataGridBorderStyle BorderThickness="1, 0.5, 0.5, 0.5" BorderColor="White" />
</telerikDataGrid:DataGridTextColumn.CellDecorationStyle>
<telerikDataGrid:DataGridTextColumn.HeaderStyle>
<telerikDataGrid:DataGridColumnHeaderStyle BorderColor="Transparent"
BorderThickness="0"
BackgroundColor="Transparent"
OptionsButtonTextColor="Transparent"
TextMargin="0"/>
</telerikDataGrid:DataGridTextColumn.HeaderStyle>
<telerikDataGrid:DataGridTextColumn.HeaderContentTemplate>
<DataTemplate>
<Grid Padding="0" Margin="0" />
</DataTemplate>
</telerikDataGrid:DataGridTextColumn.HeaderContentTemplate>
<telerikDataGrid:DataGridTextColumn.CellContentStyle>
<telerikDataGrid:DataGridTextCellStyle TextColor="White" HorizontalTextAlignment="Center"
FontSize="12"
/>
</telerikDataGrid:DataGridTextColumn.CellContentStyle>
</telerikDataGrid:DataGridTextColumn>
<telerikDataGrid:DataGridDateColumn PropertyName="IssuingDate"
HeaderText="ISSUING DATE" Width="110" SizeMode="Fixed" CellContentFormat="{}{0:dd/MM/yyyy}" >
<telerikDataGrid:DataGridTextColumn.CellDecorationStyle>
<telerikDataGrid:DataGridBorderStyle BorderThickness="1, 0.5, 0.5, 0.5" BorderColor="White" />
</telerikDataGrid:DataGridTextColumn.CellDecorationStyle>
<telerikDataGrid:DataGridTextColumn.HeaderStyle>
<telerikDataGrid:DataGridColumnHeaderStyle BorderColor="Transparent"
OptionsButtonTextColor="Transparent"
BorderThickness="0"
BackgroundColor="Transparent" TextColor="White"
TextMargin="0"/>
</telerikDataGrid:DataGridTextColumn.HeaderStyle>
<telerikDataGrid:DataGridTextColumn.HeaderContentTemplate>
<DataTemplate>
<Grid Padding="0" Margin="0" />
</DataTemplate>
</telerikDataGrid:DataGridTextColumn.HeaderContentTemplate>
<telerikDataGrid:DataGridDateColumn.CellContentStyle>
<telerikDataGrid:DataGridTextCellStyle TextColor="White" FontSize="12" HorizontalTextAlignment="Center" >
</telerikDataGrid:DataGridTextCellStyle>
</telerikDataGrid:DataGridDateColumn.CellContentStyle>
</telerikDataGrid:DataGridDateColumn>
</telerikDataGrid:RadDataGrid.Columns>
</telerikDataGrid:RadDataGrid>