Flex Smooth Scrolling DataGrid

Posted 1 year, 9 months ago at 1:03 pm by Alvaro. 5 comments

This is a very hacky way to create a smooth-scrolling grid in flex. It is implemented by creating two grids: one for the header and one for the body. Each grid is wrapped in a canvas that is scrolled in-sync with the other one.

Try sorting, reordering columns, and resizing columns. They all work.

Right-click the grid to view the source. When I get some free time I’ll turn it into a reusable component that you can apply to any grid. Feel free to use at your own risk :) .

Enjoy,
Alvaro

5 Replies

  1. Santanu.K Nov 30th 2008

    This is nice!.. Thanks for such a nice smooth grid Alvaro!! Great work!

  2. kafka Dec 10th 2008

    Awesome. Thank you.

  3. phil Feb 9th 2009

    Hi, when will you make it a re-usable component? Hope so….

  4. lucas Oct 7th 2009

    Does this work for a locked column? I dont think it will since you are using the canvas to scroll

  5. Jonathan Dum Aug 13th 2010

    DEAR LORD!

    What a hack man. I know you know that this is a mess… however, I totally would have done the same. When Adobe doesn’t give us simple shit like smooth scrolling, then they deserve to have their framework hacked, sliced, minced and mashed. Kudos, regardless of the hack job.


Leave a Reply