When setting height on grid and rows exceed this height, combined with a frozen column 2 scrollbars appear. This is in version 19.2.0.62, but in another project using version 19.1.0.59 you do not get 2 scrollbars.
<SfGrid @ref="IT_Tickets" DataSource="@it_tickets" AllowSorting="true" RowHeight="40" AllowTextWrap="true" Height="275px">
<SfToolbar>
<Syncfusion.Blazor.Navigations.ToolbarItems>
<ToolbarItem Type="ItemType.Input" Align="Syncfusion.Blazor.Navigations.ItemAlign.Right">
<Template>
<SfTextBox Placeholder="Search" Input="OnITTicketInput"></SfTextBox>
<span class="e-search-icon e-icons"></span>
</Template>
</ToolbarItem>
</Syncfusion.Blazor.Navigations.ToolbarItems>
</SfToolbar>
<GridColumns>
<GridColumn Width="85" IsFrozen="true">
<Template>
@{
var ticket = (context as ListSupportTickets);
<SfButton @onclick="@((args) => onToggleClick_ViewTicket(args, ticket))" IsToggle="false" CssClass="e-outline e-primary">View</SfButton>
}
</Template>
</GridColumn>
<GridColumn Field=@nameof(ListSupportTickets.RequestID) HeaderText="Request ID" Visible="false"></GridColumn>
<GridColumn Field=@nameof(ListSupportTickets.Title) HeaderText="Title" Width="400"></GridColumn>
<GridColumn Field=@nameof(ListSupportTickets.iStatus) HeaderText="Status" Width="150"></GridColumn>
<GridColumn Field=@nameof(ListSupportTickets.AssignedIT) HeaderText="IT Engineer" Width="150"></GridColumn>
<GridColumn Field=@nameof(ListSupportTickets.LastUpdated) HeaderText="Last Updated" Width="250"></GridColumn>
</GridColumns>
</SfGrid>
Thanks
Thank you, I have resolved the issue by updating CSS.
Thanks, Martin