@model IEnumerable<FlexGridData.Sale>

<h1>
    Vertical Alignment
</h1>
<p>
    In most of the cases, the vertical alignment of content within
    FlexGrid cells doesn't matter, since cells contain only
    a single row of content. However, in some situations
    you may want to control the vertical alignment of some
    or all cells. For example, when showing wrapping text
    or merging cells vertically.
</p>
<p>
    To control the vertical alignment of FlexGrid cells,
    you should use the <b>formatItem</b> event and modify
    the cell's HTML to achieve the result you want.
</p>
<p>
    For example, the grid below has cells that are
    vertically aligned using a CSS transform:
</p>
@Html.C1().FlexGrid().Id("theGrid").Bind(Model)