Flex Smooth Scrolling DataGrid

Posted 1 year, 4 months ago at 1:03 pm by Alvaro. 4 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

4 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


Leave a Reply