Skip to content

[syncfusion_flutter...]: How to change scrollbar color ? #1527

@kadirfayzi

Description

@kadirfayzi
No description provided.

Activity

ghost

ghost commented on Nov 28, 2023

@ghost

Hi,

We have validated your query on our end, but we are having difficulty understanding the specific requirement you are proposing. We kindly request that you provide us with more detailed information regarding the control you are using, along with screenshots or screen recordings. This additional information will greatly assist us in providing you with better assistance.

Regards,
Lokesh P.

ghost

ghost commented on Dec 15, 2023

@ghost

Please reopen this ticket with requested details to proceed further on this.

ghost closed this as completedon Dec 15, 2023
ahmeedev

ahmeedev commented on Feb 13, 2025

@ahmeedev

How can we change this DataGrid Scrollbar Color ?

Image

ghost added
data gridData grid component
on Feb 13, 2025
ghost added on Feb 13, 2025
Gowtham-SF4769

Gowtham-SF4769 commented on May 23, 2025

@Gowtham-SF4769

Hi @ahmeedev,

We used the ScrollbarTheme widget to modify the scrollbar color of the SfDataGrid. Since ScrollbarTheme defines a theme that is applied to all descendant Scrollbar widgets, we wrapped the SfDataGrid within a ScrollbarTheme widget.

By configuring the thumbColor property within the ScrollbarThemeData, we were able to successfully update the scrollbar color.

We have included a sample and a video demo for your reference Kindly refer to them for further guidance.

Sample: SfDataGrid.zip

Video Demo:

VideoDemo.mp4

Regards,
Gowtham R

added
workaround availableWorkaround available to overcome the query
and removed on Jun 9, 2025
ashok-kuvaraja

ashok-kuvaraja commented on Jun 9, 2025

@ashok-kuvaraja
Collaborator

Hi @kadirfayzi,

We suspect that the reported issue has been resolved at your end. Hence, we are closing this issue. If you need any further assistance, please reopen this. We are always happy to help.

Regards,
Ashok K

locked and limited conversation to collaborators on Jul 7, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    data gridData grid componentsolvedSolved the query using existing solutionsworkaround availableWorkaround available to overcome the query

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @kadirfayzi@ashok-kuvaraja@ahmeedev@VijayakumarMariappan@sfHariHaraSudhan

        Issue actions

          [syncfusion_flutter...]: How to change scrollbar color ? · Issue #1527 · syncfusion/flutter-widgets