How to position the Flex Grid dynamically static within the view port

How to position the Flex Grid dynamically static within the view port

Posted by: mpatelsrcm on 26 April 2018, 1:07 pm EST

• 

  mpatelsrcm

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 26 April 2018, 1:07 pm EST

  Hello Manish Verma,

  Currently on the page we have these contains these component.

  1. Navigation Header.
     
     2)Second Component
     
     3)Third Component
     
     4)Fourth Component
  2. Wijmo Flex Grid
  3. Wijmo Pagination DIV
  4. Footer.

  Problem Statement : We have 50 columns which attributes to the horizontal scrollbar to appear. First 10 columns are visible and in order to acess other column User has is scrolling via the browser scroll and then clicking on the vertical scroll bar within the flex grid and then scroll to top with the help of the horizontal scrollbar to view the content. As you can see this is not the optimal user experience.

  Question 1)

  Is there any way to render the wijmo table absolute position ( statically ) with the Horizontal scrollbar fixed above the Footer. So User can scroll horizontally to view the columns data, without moving the outer vertical scroll bar and then scrolling.

  Question 2)
  
  Is there any way to determine the starting position and ending position for the Flex grid.

  Please let us know whether you have come across any such use cases. We are using version 20173.409.

  Thanks,
  
  Manish Patel

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 26 April 2018, 7:51 pm EST

  Hi Manish Patel,
  
  You may fix FlexGrid height and width same as other HTML element either using Class or width. This will add horizontal and vertical scrollbar across FlexGrid to see hidden data.

  You may get scroll position for FlexGrid using scrollPosition property.

  ~Manish