Using custom scroll on React Grid

4 posts, 0 answers
  1. Furkan
    Furkan avatar
    17 posts
    Member since:
    Mar 2020

    Posted 18 May Link to this post

    Hi,

    Can I use custom scroll for kendo react grid.

    I want to use this scroll package: https://www.npmjs.com/package/react-custom-scrollbars

  2. Stefan
    Admin
    Stefan avatar
    2737 posts

    Posted 18 May Link to this post

    Hello, Furkan,

    The Grid can be used in combination with the react-custom-scrollbars package. It will require disabling the Grid built-in scrolling using the scrollable prop:

    https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-scrollable

    This is an example:

    https://stackblitz.com/edit/react-chxbah?file=app/main.jsx

    Please have in mind that some of the Grid features rely on the Grid built-in scroll like the virtual scrolling and others. This means that the react-custom-scrollbars package could be used with some limitations.

    Regards,
    Stefan
    Progress Telerik

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
  3. Furkan
    Furkan avatar
    17 posts
    Member since:
    Mar 2020

    Posted 18 May in reply to Stefan Link to this post

    Hi Stefan,

    Virtual scrolling is very important for my grid so is there any way to use react-custom-scrollbars with virtual scrolling?

  4. Stefan
    Admin
    Stefan avatar
    2737 posts

    Posted 19 May Link to this post

    Hello, Furkan,

    The Grid relies on its scrolling position and other important information to perform the virtual scrolling.

    We cannot virtualize the scroll if the scroll is coming from another library. We are attaching event listeners to our scrolling to determine different details about the Grid and the data in order to provide the virtual scrolling experience.

    Regards,
    Stefan
    Progress Telerik

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
Back to Top