[!Note] Please note that this control has been deprecated and replaced with the Grid component, and as such, we recommend migrating to that control. This will not be receiving any new features, bug fixes will be deprioritized. For help or questions on migrating your codebase to the Data Grid, please contact support.

    Blazor Grid 열 옵션 개요

    Ignite UI for Blazor 각 열 머리글에 노출된 UI에서 직접 열을 그룹화, 숨기기, 정렬, 이동, 고정, 필터링, 정렬하는 기능을 지원합니다.

    열의 옵션 UI를 활성화하려면 그리드의IsColumnOptionsEnabled 속성을 true로 설정할 수 있습니다.

    Blazor Grid Column Options Example

    Column Options Configurations

    필터링은 열별로 해당 열IsFilteringEnabled의 속성을 설정하여 전환할 수 있습니다. true나 false를 선택하면 열 옵션 UI에서 필터링 섹션이 나타나거나 숨겨집니다.

    Sorting can be toggled for the entire grid if the HeaderClickAction property is applied. Setting this to None for example will completely remove sorting from grid and reflect in the options ui for each column. And setting SortByOneColumnOnly for example will continue to allow one column to be sorted at a time.

    Code Snippet

    다음 코드는 표와 열을 조정하여 열 옵션 UI 조정 필터링 및 정렬을 프로그래밍 방식으로 활성화하는 방법을 보여줍니다.

    <IgbDataGrid Height="100%" Width="100%"
    DataSource="DataSource"
    HeaderClickAction="HeaderClickAction.SortByOneColumnOnly"
    IsColumnOptionsEnabled="true">
    <IgbTextColumn Field="ID" IsFilteringEnabled="false" />
</IgbDataGrid>

    API References