Formato a Gridview en ASP.Net

 Para el ejemplo daremos formato a un Gridview utilizando Table.

Crearemos una tabla con la siguiente estructura:

Agregaremos información en los campos, en str_foto teclearemos el nombre de nuestra imagen.

Crearemos una WebForm.

Agregaremos las referencias de Bootstrap para dar formato con el evento CARD, crearemos una hoja de estilo llama Style.css, donde llamaremos los colores y el formato de la tabla, en la carpeta imagenes copiaremos las imágenes que tecleamos en la tabla de la base de datos.

En la WebForm agregaremos un Gridview con la siguiente estructura:

llamaremos los nombres de los campos de la tabla de la base de datos con Eval(), tambien podríamos utilizar Bind() y no habría diferencia,  pero Eval() se utiliza para solo lectura y al utilizar Bind() podremos pasar el valor al update.

En el código fuente realizaremos la conexión a la base de datos y llenaremos el Gridview con los campos de la tabla.

GridView_directorio_PageIndexChanging() lo utilizaremos para realizar la paginación.

Ejecutamos la aplicación.

Podemos jugar dando diferentes formatos al GridView.

Descarga el código de mi repositorio.