Answer:
The stacked header text is partially hidden because the TextAlign is defined as Center for Stacked header. So, the text is displayed in center position considering all the visible column in Grid. Hence, the TextAlign can be defined as Justify or Left to display header text in visible area. Here is the code snippet for your reference,
<SfGrid DataSource="@Orders" AllowSorting="true" AllowPaging="true" Width="800px">
<GridPageSettings PageSize="8">GridPageSettings>
<GridColumns>
<GridColumn HeaderText="ALL REGISTERED USERS" TextAlign="TextAlign.Justify">
<GridColumns>
<GridColumn Field=@nameof(Order.OrderID) HeaderText="Order ID" IsPrimaryKey="true" TextAlign="TextAlign.Right" Width="120">GridColumn>
<GridColumn Field=@nameof(Order.CustomerID) HeaderText="Customer Name" Width="150">GridColumn>
<GridColumn Field=@nameof(Order.OrderDate) HeaderText=" Order Date" Format="d" Type="ColumnType.Date" TextAlign="TextAlign.Right" Width="130">GridColumn>
GridColumns>
GridColumn>
GridColumns>
SfGrid> |
