I am maintaining a Flex 3.6 web application. One screen has four DataGrid
objects (not AdvancedDataGrid objects) that are arranged side-by-side in an
HBox. The rows of all four DataGrids are vertically aligned (purely by styling)
with each other. In other words, row i of each DataGrid has the same vertical
position and height across all four DataGrids.
I have been asked to incorporate variableRowHeight in the leftmost DataGrid, so
that the grid's Text controls can word-wrap when they contain long text. This
was simple enough to implement -- but now when a row's height changes, the
leftmost DataGrid's rows are no longer aligned with the rows of the other three
DataGrids.
I would like the other three DataGrids' row heights to "inherit" the heights of
the leftmost DataGrid's now variable-height rows. How might I do this without
re-engineering the entire page? The display logic and event-handling logic is
complicated.
Thanks in advance!
