Creación de CRUD con Blazor .Net 5.0 Parte 2 (Radzen.Blazor)

Continuando con las creación de CRUD (Creación de CRUD con Blazor .Net 5.0 Parte 1) utilizaré la libreria Radzen para mejorar la apariencia de la tabla.

Agregamos el NuGet Radzen.Blazor.

Una vez instalado el paquete realizamos la implementgación en nuestro proyecto.

Revisamos los  Pasos a seguir.

1. Instalamos el paquete Radzen.Blazor (ya realizado)

2. Agregar en el archivo _Imports.razor las siguientes referencia:

3. Agregar en el archivo _Host.cshtml los archivos .css.

4.  Agregar en el archivo _Host.cshtml el archivo .js.

Editamos Pages/Empleados/Index.razor y copiamos el código de blazor.radzen.com/datagrid.

Una vez copiado realizamos las modificaciones, podemos indicar el formato del campo así como la longitud que se visualizará en el Grid.

Ejecutamos la aplicación y visualizamos los cambios.

Podemos realizar el ordenamiento, paginación así como el filtro de datos.

También podemos parametrizar nuestro Grid revisado la documentación, por ejemplo para agregar un filtro por campo revisamos el apartado Filtering.

Realizamos la modificación.

Ejecutamos la aplicación y visualizamos los cambios.

Puedes descargar el código de la Parte 2 de mi repositorio en GitHub.