@page "/datagrid-frozen-columns"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid <strong>Frozen Columns</strong>
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Lock columns to prevent them from scrolling out of view via the <code>Frozen</code> property.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo <strong>ID</strong>, <strong>Photo</strong>, <strong>First Name</strong>, and <strong>Birth Date</strong> are frozen on the left, while <strong>Extension</strong> and <strong>Notes</strong> are frozen on the right using <code>FrozenPosition="FrozenColumnPosition.Right"</code>. The Photo column has a checkbox in its header to toggle freezing dynamically.
</RadzenText>

<RadzenExample ComponentName="DataGrid" Example="DataGridFrozenColumns">
    <DataGridFrozenColumns />
</RadzenExample>
