Cuadrícula esqueleto

    Utilice Skeleton Grid para diseñar el mismo tipo de información que usaría en el estándar, pero también para indicar el estado de la aplicación cuando no hay datos presentes en ese momento, por ejemplo, cuando los datos se cargan desde una fuente de datos remota y falta conectividad, o lleva algún tiempo. Skeleton Grid es solo una representación visual de una Grid con un diseño conocido, pero sin ningún dato que mostrar.

    Grid Demo

    Cell Types

    Skeleton Grid admite los mismos tres tipos de celdas que el Grid estándar: encabezado, cuerpo y resumen.

    Cell Display Density

    Las celdas de encabezado, cuerpo y resumen del esqueleto admiten las mismas tres variantes de densidad de visualización que la cuadrícula estándar: cómoda, acogedora y compacta.

    Items and Features (Header Cell)

    Skeleton Grid admite las mismas configuraciones de funciones a través de las anulaciones Feature Left y Feature Right que la Grid estándar.

    Cell Type

    La celda de encabezado de cuadrícula esquelética proporciona ajustes preestablecidos para los tipos de datos Número y Texto, Fecha y Bool como cuadrícula estándar.

    La celda del cuerpo de la cuadrícula esquelética proporciona ajustes preestablecidos para los mismos tipos de datos que la celda del encabezado de la cuadrícula esquelética con un tipo de icono adicional para visualizar gráficos simples.

    Usage

    Al crear cuadrículas, evite combinar celdas estándar y esqueléticas. Los datos están presentes en todas las celdas o en ninguna de ellas, por lo que los dos tipos no deben usarse dentro del mismo diseño de cuadrícula.

    Hacer No

    Additional Resources

    Temas relacionados:

    Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.