Tenga en cuenta que este control ha quedado obsoleto y reemplazado con el componente Grid y, como tal, recomendamos migrar a ese control. Esto no recibirá ninguna característica nueva, las correcciones de errores no tendrán prioridad. Para obtener ayuda o preguntas sobre la migración de su código base a Data Grid, comuníquese con el soporte.

    Web Components Resaltado de cuadrícula

    La tabla de datos Ignite UI for Web Components / cuadrícula de datos admite la configuración de la apariencia del resaltado de filas.

    Web Components Ejemplo de resaltado de cuadrícula

    EXAMPLE
    DATA
    TS
    HTML
    CSS

    ¿Te gusta esta muestra? Obtenga acceso a nuestro kit de herramientas de Ignite UI for Web Components completo y comience a crear sus propias aplicaciones en minutos. Descárgalo gratis.

    Descripción general

    El resaltado de registros en los datos de Web Components se puede alternar estableciendo la isRowHoverEnabled propiedad booleana de la cuadrícula Web Components. Tenga en cuenta que esto está habilitado de forma predeterminada.

    Además, el color se puede configurar estableciendo la propiedad de cadena rowHoverBackground en un valor hexadecimal.

    Ignite UI for Web Components | CTA Banner

    Fragmento de código

    A continuación se muestra cómo habilitar el resaltado de filas en la cuadrícula de datos de Web Components y se aplica el color azul:

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

    Referencias de API