How to wrap header text in Xamarin.Android?

1 min read

You can wrap the header text in SfDataGrid by adding a TextView in the header using GridColumn.HeaderTemplate property.

The below code illustrates how to wrap the header text in SfDataGrid.

private SfDataGrid dataGrid;
private ViewModel viewModel;
protected override void OnCreate(Bundle bundle)
{
    base.OnCreate(bundle);
    viewModel = new ViewModel();
    dataGrid = new SfDataGrid(BaseContext);
    dataGrid.ItemsSource = viewModel.OrdersInfo;
    dataGrid.ColumnSizer = ColumnSizer.Star;
    dataGrid.AutoGenerateColumns = false;
 
    TextView textView = new TextView(BaseContext);
    textView.Gravity = Android.Views.GravityFlags.ClipHorizontal;
    textView.Text = "Order ID Column";
    textView.SetTextColor(Color.Black);
 
    GridTextColumn column1 = new GridTextColumn()
    {
        MappingName = "OrderID",
        HeaderTemplate = textView
    };
 
    GridTextColumn column2 = new GridTextColumn()
    {
        MappingName = "CustomerID"
    };
 
    GridTextColumn column3 = new GridTextColumn()
    {
        MappingName = "Freight"
    };
 
    GridTextColumn column4 = new GridTextColumn()
    {
        MappingName = "Country"
    };
 
    dataGrid.Columns.Add(column1);
    dataGrid.Columns.Add(column2);
    dataGrid.Columns.Add(column3);
    dataGrid.Columns.Add(column4);
 
    SetContentView (dataGrid);
}