Hi all, I have been following the Radzen Demo to implement Composite Column for my DataGrid and I noticed the right Border line of the Composite Column is not closed right as shown in screenshot below.
The following is my code snippet:
<RadzenDataGrid Data="@filteredThawingValues" TItem="ProjectionValues" AllowColumnResize=true AllowAlternatingRows=true AllowSorting="true" PageSize="10" AllowPaging="true"
CellRender="@HighlightCurrentRow">
<Columns>
<RadzenDataGridColumn TItem="ProjectionValues" Property="HeaderValue" Title="Thawing Date" Width="120px" TextAlign="TextAlign.Center" />
<RadzenDataGridColumn TItem="ProjectionValues" Property="ValueHour1" Title="Thawing Batch" Width="150px" TextAlign="TextAlign.Center" />
<RadzenDataGridColumn TItem="ProjectionValues" Property="ValueHour2" Title="Carry Forward" Filterable=false Sortable=false TextAlign="TextAlign.Center">
<Columns>
<RadzenDataGridColumn TItem="ProjectionValues" Property="ValueHour2" Frozen="true" Title="Regular" TextAlign="TextAlign.Center"/>
<RadzenDataGridColumn TItem="ProjectionValues" Property="ValueHour3"Frozen="true" Title="Large" TextAlign="TextAlign.Center"/>
</Columns>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="ProjectionValues" Property="ValueHour4" Title="Time in Chiller" Width="180px" TextAlign="TextAlign.Center">
<HeaderTemplate>
Time in
Chiller
</HeaderTemplate>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="ProjectionValues" Property="ValueHour5" Title="Time Ready for Proofing" Width="180px" TextAlign="TextAlign.Center">
<HeaderTemplate>
Time Ready<br/>
For Proofing
</HeaderTemplate>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="ProjectionValues" Property="ValueHour6" Title="Expiry Date" Width="180px" TextAlign="TextAlign.Center" />
</Columns>
</RadzenDataGrid>
Any advice to overwrite the styling or overcome this?
