Llenar de datos manualmente el DataGridView en Visual Studio y C# .NET

Aprende a llenar un DataGridView en C# y Visual Studio con datos manualmente o con codigo. Código completo y ejemplos listos para copiar.

¿Necesitas mostrar datos en forma de tabla en tu aplicación de Windows Forms con C#? El DataGridView es el componente ideal para eso. En este artículo te explico desde cómo agregar el componente hasta cómo llenarlo con datos manuales.

¿Qué es el DataGridView?

El DataGridView es un componente de Windows Forms en Visual Studio que permite mostrar y editar datos en formato de tabla — filas y columnas — de forma visual e interactiva. Es uno de los componentes más usados en aplicaciones de escritorio con C# porque permite mostrar cualquier tipo de datos de forma ordenada.

Paso 1 — Agregar el DataGridView a tu ventana

Abre tu proyecto en Visual Studio y sigue estos pasos:

1. Ve al Cuadro de Herramientas en el panel izquierdo
2. Busca DataGridView en la sección “Datos”
3. Haz clic y arrástralo a tu formulario Windows Forms
4. Ajusta el tamaño al espacio que necesitas

Una vez colocado, ve al panel de Propiedades (lado derecho) y cambia el valor de Name de dataGridView1 a un nombre descriptivo como mydatagrid. Ese nombre es el que usarás en el código para referirte al componente.

Una vez que seleccionamos el componente, bastara con ubicar el mouse en la ventana y hacer click en la posicion donde queremos colocar el componte DataGridView, despues de colocar el componente debemos cambiar las dimenciones del DataGridView para adaptarlo a la vista de datos que queramos.

Ahora debemos entender que como todo componente del Visual Studio, el DataGridView cuenta con algunas propiedades, las cuales podemos ver en la parte de la derecha en la ventana de Propiedades, en mi caso tengo unas pesta~as en la parte inferior derecha, ahi puedo seleccionar entre el Explorador de Soluciones, Propiedades y Team Explorer.

Aqui en las propiedades ustedes pueden cambiar lo que quieran, siempre y cuando sepan lo que hacen, y para ello les invito a investigar, pero pueden cambiar aspectos de apariencia entre otras cosas, el aspecto que yo cambiare es el Nombre de la variable o (Name) ya que es el dato que usare para referirme al DataGridView en el codigo, por default el nombre sera “dataGridView1” y le pondremos “mydatagrid”.

Paso 2 — Acceder al código

Haz clic derecho en cualquier parte del formulario y selecciona “Ver código” o presiona F7. Coloca el cursor debajo de InitializeComponent() para empezar a escribir.

Colocaremos el cursor de Texto debajo de la llamada a la funcion “InitializeComponent()”.

Lo que vamos a hacer, es empezar por agregar Columnas al DataGridView, como ya les habia comentado el DataGridView es como una Tabla, asi que se compone de Filas y Columnas, pero primero vamos a agregar las Columnas, para definir el Formato de las Filas.

Para agregar columnas usaremos este codigo.

mydatagrid.Columns.Add("nombre", "Nombre");
mydatagrid.Columns.Add("apellido", "Apellido");
mydatagrid.Columns.Add("direccion", "Direccion");
mydatagrid.Columns.Add("email", "Email");
mydatagrid.Columns.Add("telefono", "Telefono");

Y El resultado seria el siguiente:

Como se puede apreciar, agregamos 5 columnas y cada columna pertece a un dato: nombre, apellido, direccion, email, telefono, por lo tanto al agregar las filas debemos respetar el orden para que un dato no aparezca en una columna a la que no corresponde.

Ahora para agregar filas el codigo seria asi:

mydatagrid.Rows.Add("Agustin", "Ramos", "Mexico", "evilnapsis@gmail.com", "+5219142791570");
mydatagrid.Rows.Add("John", "Doe", "EU", "john@doe.com", "+1111111111");

Y el resultado seria el siguiente:

Y con esto ya pueden usar el dataGridView para mostrar los datos que quieran

Si quieren borrar todas las filas pueden usar.

mydatagrid.Rows.Clear();

Y para borrar todas las columnas:

mydatagrid.Columns.Clear();

Personalizar el DataGridView

Algunos ajustes útiles para mejorar la apariencia:

// Deshabilitar edición directa en la tabla 
mydatagrid.ReadOnly = true; 

// Ocultar la columna de selección de filas 
mydatagrid.RowHeadersVisible = false; 

// Ajustar columnas automáticamente al ancho del contenido 
mydatagrid.AutoSizeColumnsMode = DataGridViewAutoSizeColumnsMode.Fill; 

// Cambiar color de filas alternadas 
mydatagrid.AlternatingRowsDefaultCellStyle.BackColor = Color.LightBlue;
 
// Selección por fila completa 
mydatagrid.SelectionMode = DataGridViewSelectionMode.FullRowSelect

Conclusión

El DataGridView es uno de los componentes más versátiles de Windows Forms. Con los 4 métodos que viste en este artículo puedes llenarlo con datos manuales, desde un DataTable o directamente desde MySQL con búsqueda en tiempo real.

Si tienes dudas o quieres ver algún caso específico, déjanos un comentario.

Artículos relacionados

• Crear un Timer con C# y Visual Studio →
• Listar Archivos y Carpetas de Una Ruta en C# .NET →
• CRUD con C# .NET y MySQL →