[!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.

Web Components 그리드 강조 표시

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

Web Components Grid Highlighting Example

개요

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

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

Code Snippet

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

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

API References

• isRowHoverEnabled
• rowHoverBackground