kendo-react icon indicating copy to clipboard operation
kendo-react copied to clipboard
verified publisher icon telerik

kendo-react grid horizontal scrolling after locked row.

Open shanqq opened this issue 3 years ago • 6 comments

Hello, I am trying to find the concept in which i can add the horizontal scrolling after the Locked columns. as i can see https://stackblitz.com/run/?file=src%2Fapp%2Fapp.component.ts in this example, but it is in angular and i want it in react.

  • Chrome (desktop) version XX System:
  • TypeScript version:
  • Node version:
  • Platform: Windows
  • #question

shanqq avatar Aug 05 '22 19:08 shanqq

can anyone reply to this please.

shanqq avatar Aug 08 '22 08:08 shanqq

The link with the example does not work. Can you check it?

nstoychev avatar Aug 08 '22 14:08 nstoychev

https://www.telerik.com/kendo-angular-ui/components/grid/columns/locked/ how in this example the grid scroll is coming for the unlocked columns. i want this in react grid but i am not able to do this.

shanqq avatar Aug 09 '22 18:08 shanqq

https://demos.telerik.com/kendo-ui/grid/frozen-columns see this example

shanqq avatar Aug 10 '22 07:08 shanqq

This is what we have in React - https://stackblitz.com/edit/react-ufhuta?file=app%2Fmain.tsx. More examples here - https://www.telerik.com/kendo-react-ui/components/grid/columns/locked/.

In React, locked columns are rendered with position: sticky;, in Angular/jQuery in a separate table.

nstoychev avatar Aug 10 '22 09:08 nstoychev

Yeah can we not achieve this in react as well.

On Wed, 10 Aug 2022 at 15:12, Nikolay Stoychev @.***> wrote:

This is what we have in React - https://stackblitz.com/edit/react-ufhuta?file=app%2Fmain.tsx. More examples here - https://www.telerik.com/kendo-react-ui/components/grid/columns/locked/.

In React, locked columns are rendered with position: sticky;, in Angular/jQuery in a separate table.

— Reply to this email directly, view it on GitHub https://github.com/telerik/kendo-react/issues/1388#issuecomment-1210425494, or unsubscribe https://github.com/notifications/unsubscribe-auth/AHJ6CZSE3QSA2EAJ7GUDF7LVYN2QDANCNFSM55XDKLPA . You are receiving this because you authored the thread.Message ID: @.***>

shanqq avatar Aug 10 '22 17:08 shanqq

Since we are rendering only one table for the data, the scrollbar can only be rendered through the entire table element (under all columns)

kdikov82 avatar Feb 24 '23 18:02 kdikov82