@model IEnumerable<FlexGridData.Sale>

<h1>
    Reordering
</h1>
<p>
    By default, FlexGrid allows reordering columns by dragging their
    headers into new positions.
</p>
<p>
    You may prevent users from reordering columns by setting
    the grid's <b>allowDragging</b> property to 'None'.
    You may also prevent dragging specific columns by
    setting the columns <b>allowDragging</b> property
    to 'false'.
</p>
<p>
    For example, the grid below allows reordering
    all columns except 'ID'.
</p>
@Html.C1().FlexGrid().Id("theGrid").Bind(Model)

<div class="panel panel-warning">
    <div class="panel-heading">
        C1 MVC uses the HTML5 drag/drop API for column reordering.
        Unfortunately, most of the mobile devices do not support this API.
        If you want to support column reordering on mobile devices,
        we suggest to use the
        <a href="https://github.com/Bernardo-Castilho/dragdroptouch" target="_blank">
            DragDropTouch polyfill
        </a>.
    </div>
</div>