@model IEnumerable<FlexGridData.Sale>

<h1>
    Row Height
</h1>
<p>
    By default, the grid computes row heights based on the
    font size and a default cell padding which is set to
    three pixels in the 'wijmo.css' file.
</p>
<p>
    You can change this default value easily by specifying a
    different padding for the cells using CSS. This
    is a good approach because it applies to cells in
    all grid panels and does not require any code.
</p>
<p>
    For example, the first grid below uses the default
    styles. The second increases cell padding to eight
    pixels, which makes it easier to use on devices
    with small screens:
</p>

@Html.C1().CollectionViewService().Id("collectionView").Bind(Model)

<h3>
    Default Cell Padding: 3px
</h3>
@Html.C1().FlexGrid().Id("theGrid").ItemsSourceId("collectionView")

<h3>
    Custom Cell Padding: 8px
</h3>
@Html.C1().FlexGrid().Id("theGridTallRows").ItemsSourceId("collectionView")