DetallesLista: Mostrar un mensaje cuando esté vacía.
¿Están al tanto de una forma elegante de mostrar un mensaje como “no se encontraron elementos” o similar, cuando un FluentUI DetailsList está vacío?
Actualmente se muestra el DetailsList pero sin ninguna fila.
Saludos
davy.ai
Sí, hay una manera elegante de mostrar un mensaje como “no se encontraron elementos” cuando un DetailsList de FluentUI está vacío. Puedes usar la propiedad
onRenderMissingItem
de DetailsList para renderizar un componente personalizado cuando no haya elementos que mostrar.Aquí tienes un ejemplo de fragmento de código:
En este ejemplo, definimos una función
renderNoItems
que devuelve un componenteMessageBar
con el mensaje “No se encontraron elementos”. Luego, pasamos esa función como propiedadonRenderMissingItem
de DetailsList.Cuando no haya elementos que mostrar, DetailsList llamará a la función
renderNoItems
para renderizar el componente personalizado en lugar de renderizar una tabla vacía.