How do I design a dynamically changing table in Flex 4?

So, 开发者_开发知识库I'm new to Flex 4 and have been doing the Flex in a Week crash course online.

I need some help trying to build a dynamically growing or shrinking table with columns and rows. The cell backgrounds of the table will change color depending on an XML file.

Sometimes a picture is worth a thousand words: http://drop.io/v0woo7w (password: flex)

So, see that table at the top with green and blue and red squares? What is the best approach to designing that? I'm thinking maybe the AdvancedGrid control... is that the right way to go about it?

More than likely, your best approach is to roll your own component to do this. The baggage that comes along with the Datagrid (or even worse the ADG) is likely to hinder rather than help.