Está en la página 1de 7

ASP.

NET

¿Cómo crear y llenar dinámicamente un


DataTable con ASP.NET?

Administrador

Lo más consultado

Serialización y
En este artículo voy a explicar cómo crear y llenar dinámicamente (mediante deserialización
JSON con C#
programación) un DataTable y posteriormente enlazarlo a un GridView para
mostrar la información con ASP.NET. Maquetar
nuestra página
con CSS y Divs
 
En primer lugar tienes que crear un objeto DataTable y su esquema
(estructura de tablas y columnas) se de ne mediante programación. Una
vez que se de nen las columnas, se añaden las (registros) a la DataTable
generado dinámicamente.
Cómo crear una
Una vez que el DataTable está lleno con los registros, se enlaza a un control tabla utilizando
DIVs y CSS
GridView ASP.Net.
Aprende a
Código HTML integrar pagos
con PayPal en
ASP.NET Core:
El código HTML se compone de un ASP.Net GridView con tres columnas. Personalizar
Estas columnas las debe tener el DataTable generado dinámicamente. con JavaScript
el SDK de
PayPal

<%@ Page Language="VB" AutoEventWireup="false"


CodeFile="Default.aspx.vb" Inherits="DataTable_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
Aprende a
<title></title> integrar pagos
</head> con PayPal en
<body> ASP.NET Core:
Cómo incluir
<form id="form1" runat="server">
botones de
<div>
pago PayPal
<asp:GridView ID="GridView1" HeaderStyle- inteligente en
BackColor="#3AC0F2" HeaderStyle-ForeColor="White" mi página web
runat="server" AutoGenerateColumns="false">
<Columns> ¿Cómo crear y
llenar
<asp:BoundField DataField="Id"
dinámicamente
HeaderText="Id" ItemStyle-Width="30" /> un DataTable
<asp:BoundField DataField="Nombre" con ASP.NET?
HeaderText="Nombre" ItemStyle-Width="150" />
<asp:BoundField DataField="Ciudad"
HeaderText="Ciudad" ItemStyle-Width="150" />
</Columns>
</asp:GridView>
</div>
</form>
</body>
</html>

¿Cómo dar
estilo a un
GridView con
Crear dinámicamente DataTable y enlazarlo al GridView en ASP.Net CSS para la
interfaz de
usuario?
En el evento donde se carga de página “Page_Load” hay crear una nueva Personalizar
botones de
instancia de DataTable. Entonces añadimos las tres columnas a la colección pago de PayPal
Columns DataTable utilizando el AddRange método de la DataTable. en ASP.NET
Core

El método AddRange es una buena manera de reemplazar la tradicional


forma de añadir una columna a la vez mediante el método Add. En el
método AddRange tenemos que pasar un array de objetos de tipo
DataColumn.

Y tenemos que especi car el nombre y el tipo de datos es decir, el tipo de


datos que tendrá la columna.

Una vez que el esquema está listo es decir, se de nen todas las columnas, ¿Cómo dar
formato de
podemos añadir las a DataTable dinámicamente y enlazarlo al control fecha en un
ASP.Net GridView. GridView con
asp.net?

Te pongo el código fuente en VB.NET y C#, para que escojas con el que más Aprenda a
te acomodes crear
formularios
profesionales
VB.NET con HTML5 y
CSS

Imports System.Data
Partial Class DataTable_Default
Inherits System.Web.UI.Page
Protected Sub Page_Load(sender As Object, e As EventArgs)
Handles Me.Load
If Not Me.IsPostBack Then
Dim dt As New DataTable()
dt.Columns.AddRange(New DataColumn() {New
DataColumn("Id", GetType(Integer)), _ Aprende a
New integrar pagos
DataColumn("Nombre", GetType(String)), _ con PayPal en
ASP.NET Core:
New
Integrar el SDK
DataColumn("Ciudad", GetType(String))}) de JavaScript
dt.Rows.Add(1, "Jonathan Orozco", "Monterrey") de PayPal
dt.Rows.Add(2, "Jesus Corona", "México")
dt.Rows.Add(3, "Cirilo Zaucedo", "Tijuana") ¿Cómo crear
grá cas
dt.Rows.Add(4, "Humberto Suazo", "Chile")
profesionales
GridView1.DataSource = dt con ASP.NET?
GridView1.DataBind()
End If
End Sub
End Class

C#
Cómo enviar
using System.Data; correo
protected void Page_Load(object sender, EventArgs e) electrónico con
ASP.NET
{
if (!this.IsPostBack)
¿Cómo leer
{ (obtener) la
DataTable dt = new DataTable(); cadena de
dt.Columns.AddRange(new DataColumn[3] { new conexión desde
Web.Con g
DataColumn("Id", typeof(int)),
usando C # y
new DataColumn("Name",
VB.Net?
typeof(string)),
new
DataColumn("Country",typeof(string)) });
dt.Rows.Add(1, "Jonathan Orozco", "Monterrey");
dt.Rows.Add(2, "Jesus Corona", "México");
dt.Rows.Add(3, "Cirilo Zaucedo", "Tijuana");
dt.Rows.Add(4, "Humberto Suazo", "Chile");
GridView1.DataSource = dt;
GridView1.DataBind();
}
Aprende a
}
integrar pagos
con PayPal en
ASP.NET Core:
Crear el
proyecto web
ASP.NET Core

Blog ASP.NET ¿Cómo crear y llenar dinámicamente un DataTable con ASP.NET?

Compartir artículo:

Deja un comentario

Tu nombre Correo electrónico

Tu comentario

No soy un robot
reCAPTCHA
Privacidad - Términos
Enviar comentario

Más artículos geniales

¿Cómo leer un RSS y mostrar la Como generar columna auto


información en ASP.NET MVC? numérica en un GrirdView

Ver artículo completo Ver artículo completo

ASP.NET 19 junio ASP.NET 24 julio


Aprende a integrar pagos con
PayPal en ASP.NET Core:
Integrar el SDK de JavaScript de
PayPal
En este artículo te enseñare a integrar el SDK de
JavaScript de PayPal para utilizarlo en ASP.NET Core
para recibir pagos en tu página web y te mostrare como
incluir botones de PayPal en tu sitio web

Ver artículo completo

ASP.NET 06 agosto

Manténgase actualizado
Obtenga excelente contenido en su bandeja de entrada todas las semanas.

Email Sucribirme

Solo contenido excelente, no compartimos su correo electrónico con terceros.

Lo más consultado esta semana Boletín

Introducción al curso gratuito de SQL ¿Cómo insertar varios registros en un solo


Server INSERT en SQL? Obtenga un resumen de
excelentes artículos
20 julio 13 marzo
Cómo eliminar los espacios en blanco en ¿Cómo agregar una columna a una tabla
Email Go
SQL en SQL?
11 marzo 11 marzo
Nunca compartiremos su dirección
de correo electrónico

© 2021 Politica de provacidad y Terminos de uso

twitter facebook youtube

También podría gustarte