Is there a way to remove the column header and only show the values?

Is there a way to remove the column header and only show the values? I am showing this in a datagrid and it would be nice to regain the space above the actual values. 


Screenshot 2025-05-14 135925.jpg

 <datagrid:DataGridTemplateColumn HeaderText="Hold Time (M)"

                                  MappingName="Duration"

                                  Width="300">

     <datagrid:DataGridTemplateColumn.CellTemplate>

         <DataTemplate x:DataType="model:Step">

             <picker:SfTimePicker x:Name="picker"

                                  Format="HH_mm"

                                  TextDisplayMode="FadeAndShrink"

                                  Mode="Default"

                                  ItemHeight="50"

                                  SelectedTime="{Binding Duration, Mode=TwoWay, Converter={converters:MinutesToTimeSpanConverter}}"

                                  MaximumTime="5:0:0">

                 <picker:SfTimePicker.ColumnHeaderView>

                     <picker:TimePickerColumnHeaderView HourHeaderText="" MinuteHeaderText="" />

                 </picker:SfTimePicker.ColumnHeaderView>

             </picker:SfTimePicker>

         </DataTemplate>

     </datagrid:DataGridTemplateColumn.CellTemplate>



2 Replies

DK David Kendall May 14, 2025 08:43 PM UTC

Well, I found the solution is to just set the header height to 0 such as...





SR Sri Radhesh Nag Subash Sankar Syncfusion Team May 15, 2025 11:21 AM UTC

Hi David,


We are glad that your query has been resolved! Please let us know if you need further assistance. As always, we are happy to help you out.


Regards,

Sri Radhesh Nag S 


Loader.
Up arrow icon