El componente DataGridView del Visual Studio basicamente nos ayuda a mostrar datos en forma de tabla.

Vamos a empezar el DataGridView lo podemos agregar a nuestra ventana, al seleccionar (hacer click) el componente del “Cuadro de Herramientas” que se encuentra en la izquierda.

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”.

Codigo

Ahora en el codigo nos colocaremos en cualquier parte del editor de la ventana, haremos click derecho y presionamos en la opcion “Ver Codigo” o simplemente con la tecla F7. Y veremos el codigo.

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();

Esto seria todo por este articulo, espero les ayude.

Les invito a suscribirse al blog para recibir notificaciones de articulos nuevos.