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

개요

Highlighting records in the Web Components data can be toggled by setting the isRowHoverEnabled boolean property of the Web Components grid. Note, this is enabled by default.

In addition, the color is configurable by setting the rowHoverBackground string property to a hex value.

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