@model IEnumerable<FlexGridData.Sale>

<h1>
    Hover Styles
</h1>
<p>
    By default, grid cells have solid backgrounds. This can get
    in the way of styling rows using pseudo selectors such as :hover.
</p>

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

<h2>
    Hover on Cells
</h2>
<p>
    You can simply give a hover style to cells. 
    Just add some CSS based on the '.wj-cell' class and ':hover'
    pseudo-selector:
</p>
@Html.C1().FlexGrid().Id("hoverCell").ItemsSourceId("collectionView")

<h2>
    Hover on Rows
</h2>
<p>
    If you want to give a hover style to entire row, apply the hover
    pseudo-style to the '.wj-row' element instead, and extend it to
    the row's non-selected child cells:
</p>
@Html.C1().FlexGrid().Id("hoverRow").ItemsSourceId("collectionView")