Dual scrollbar when rows exceed height

Capture.JPG

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


3 Replies

VN Vignesh Natarajan Syncfusion Team October 15, 2021 05:57 AM UTC

Hi Martin,  
 
Thanks for contacting Syncfusion support.  
 
Query: “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, 
 
We have analyzed the reported issue at our end by preparing a sample as per your suggestion and we are not able to reproduce the reported issue. We have also ensured the reported issue by a downloading a CSS theme file from Syncfusion theme studio.  
 
Kindly refer the below sample for your reference 
 
 
Kindly ensure the reported issue by clearing the browser cache and NuGet cache. Also ensure that you have downloaded the fresh copy of theme file from theme studio if you have previously referred the theme file download from theme studio.  
 
If you are still facing the reported issue, Kindly share the following details.   
 
  1. Share details about the theme referred into the application.
  2. If possible try to reproduce the reported issue in the provided sample and revert back to us.
  3. If you have customized the theme in Syncfusion Theme studio, kindly download the fresh copy of Theme file from theme studio.
 
Above requested details will be very helpful in validating the reported query at our end and provide solution as early as possible.  
 
Regards, 
Vignesh Natarajan 



MA Martin October 15, 2021 11:09 AM UTC

Thank you, I have resolved the issue by updating CSS.


Thanks, Martin




VN Vignesh Natarajan Syncfusion Team October 18, 2021 03:51 AM UTC

Hi Martin,  

Thanks for the update.  

We are glad to hear that you have resolved your query.  

Kindly get back to us if you have further queries. 

Regards, 
Vignesh Natarajan 


Loader.
Up arrow icon