이 컨트롤은 더 이상 사용되지 않고 그리드 구성 요소로 대체되었으므로 해당 컨트롤로 마이그레이션하는 것이 좋습니다. 새로운 기능은 제공되지 않으며 버그 수정은 우선순위에서 제외됩니다. 코드베이스를 Data Grid로 마이그레이션하는 데 도움이 필요하거나 질문이 있으면 지원팀에 문의하세요.

    Web Components 그리드 강조 표시

    Ignite UI for Web Components 행 강조 표시의 모양을 구성하는 것을 지원합니다.

    Web Components 그리드 강조 표시 예제

    EXAMPLE
    DATA
    TS
    HTML
    CSS

    개요

    Web Components 데이터에서 레코드 강조 표시는 Web Components 그리드의 isRowHoverEnabled 부울 속성을 설정하여 전환할 수 있습니다. 참고로, 이 기능은 기본적으로 활성화되어 있습니다.

    또한 rowHoverBackground 문자열 속성을 16진수 값으로 설정하여 색상을 구성할 수 있습니다.

    코드 조각

    다음은 Web Components 데이터 그리드에서 행 강조 표시를 활성화하고 파란색을 적용하는 방법을 보여줍니다.

    <igc-data-grid id="grid"
          height="100%"
          width="100%"
          is-row-hover-enabled="true"
          row-hover-background="#bfbfff">
    </igc-data-grid>
    html

    API 참조