Category / Section
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); }
Screenshot:
Sample Link: