Crear tabla HTML en Java

Las tablas HTML muestran datos en formato de cuadrícula en páginas web. Una tabla organiza datos tabulares en forma de filas y columnas, donde cada celda puede contener texto, imágenes, enlaces u otros elementos HTML. En esta publicación de blog, aprenderemos cómo crear una tabla HTML en Java.

Este artículo cubre los siguientes temas:

  1. API Java para crear tablas HTML
  2. Crear una tabla HTML
  3. Crear una tabla HTML con un atributo de estilo
  4. tabla HTML con intervalo de filas y colspan
  5. Generador de tablas HTML en línea
  6. Recursos de aprendizaje gratuitos

API de Java para crear tablas HTML

Usaremos Aspose.HTML for Java para crear tablas HTML mediante programación. Permite a los desarrolladores trabajar con documentos HTML en aplicaciones Java. Permite analizar, renderizar, editar y convertir HTML de documentos HTML a otros formatos compatibles.

descargue el JAR de la API o agregue la siguiente configuración pom.xml en una aplicación Java basada en Maven.

 <repositories>
     <repository>
         <id>snapshots</id>
         <name>repo</name>
         <url>http://repository.aspose.com/repo/</url>
     </repository>
</repositories>
 <dependencies>
    <dependency>
        <groupId>com.aspose</groupId>
        <artifactId>aspose-html</artifactId>
        <version>23.11</version>
        <classifier>jdk17</classifier>
    </dependency>
</dependencies>

Crear tabla HTML en Java

La tabla HTML se define usando el <table> elemento, y su estructura se especifica con más detalle utilizando varios otros elementos, como <tr> para filas, <th> para celdas de encabezado y <td> para celdas de datos.

Podemos crear fácilmente una tabla HTML siguiendo los pasos a continuación:

  1. Cree una instancia de la clase HTMLDocument.
  2. Opcionalmente, cree un elemento de estilo y agréguelo al elemento principal.
  3. Crear <table> ,<tbody> ,<tr> ,<th> , y <td> elementos usando el método createElement().
  4. Agregue elementos secundarios a sus elementos principales utilizando el método appendChild().
  5. Después de eso, agregue el <table> elemento al <body> elemento.
  6. Finalmente, llame al método save() para guardar el documento en la ruta del archivo indicada.

El siguiente ejemplo de código muestra cómo crear una tabla HTML en Java.

// Prepare una ruta para guardar el archivo editado 
String savePath = "C:\\Files\\Table.html";

// Inicializar un documento HTML vacío
HTMLDocument document = new HTMLDocument();

// Cree un elemento de estilo y asigne los valores de estilo de borde de color y color de borde para el elemento de tabla
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; }");

// Busque el elemento del encabezado del documento y agregue el elemento de estilo al encabezado
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// Declarar un cuerpo de variable que haga referencia al<body> elemento
Element body = document.getBody();

// Especificar columnas y filas
int cols = 3;
int rows = 2;
boolean isFirstRowHeader = false;

// Crear elemento de tabla
Element table = document.createElement("table");

// Crear un cuerpo de tabla
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// Crear una fila de encabezado de tabla 
if (isFirstRowHeader)
{
    Element tr = document.createElement("tr");
    tbody.appendChild(tr);

    // Crear columnas de encabezado de tabla 
   for (int j = 1; j < cols + 1; j++)
    {
        Element th = document.createElement("th");
        Text title = document.createTextNode("Column-" + j);
        th.appendChild(title);
        tr.appendChild(th);
    }

   for (int i = 0; i < rows - 1; i++)
    {
        // Crear una fila de tabla 
        Element dataTr = document.createElement("tr");
        tbody.appendChild(dataTr);

        // Crear celdas de encabezado de tabla
       for (int j = 1; j < cols + 1; j++)
        {
            Element td = document.createElement("td");
            Text title = document.createTextNode("Data-" + j);
            td.appendChild(title);
            dataTr.appendChild(td);
        }
    }
} 
else
{
   for (int i = 0; i < rows; i++)
    {
        // Crear una fila de tabla 
        Element dataTr = document.createElement("tr");
        tbody.appendChild(dataTr);

        // Crear celdas de tabla
       for (int j = 1; j < cols + 1; j++)
        {
            Element td = document.createElement("td");
            Text title = document.createTextNode("Data-" + j);
            td.appendChild(title);
            dataTr.appendChild(td);
        }
    }
}

// Agregar tabla al cuerpo
body.appendChild(table);

// Guardar el documento en un archivo
document.save(savePath);
Crear tabla HTML en Java

Crear tabla HTML en Java

Crear tabla HTML con atributo de estilo en Java

Podemos especificar el <style> attributes for HTML elements using the SetAttribute(string name, string value) method. We will create an HTML table by following the steps mentioned earlier. However, we need to set the <style> attributes using the SetAttribute(string name, string value) method. It adds a new attribute for the element or updates the value if the attribute name is already present. We can set attributes for <table>, <tbody>, <tr>, <th>, and <td> elements.

El siguiente ejemplo de código muestra cómo crear una tabla HTML con atributos de estilo en Java.

// Prepare una ruta para guardar el archivo editado 
String savePath = "C:\\Files\\TableWithStyle.html";

// Inicializar un documento HTML vacío
HTMLDocument document = new HTMLDocument();

// Cree un elemento de estilo y asigne los valores de estilo de borde de color y color de borde para el elemento de tabla
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// Busque el elemento del encabezado del documento y agregue el elemento de estilo al encabezado
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// Declarar un cuerpo de variable que haga referencia al<body> elemento
Element body = document.getBody();

// Crear elemento de tabla
Element table = document.createElement("table");
table.setAttribute("style", "background-color:#00FF00;");

// Crear cuerpo de tabla
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// Crear fila de encabezado de tabla 
Element tr = document.createElement("tr");
tbody.appendChild(tr);

// Establecer atributo de estilo con propiedades para el elemento seleccionado               
tr.setAttribute("style", "border: 2px Black solid; background-color:Red; color:#FFFFFF");

// Crear la celda 1 del encabezado de la tabla
Element th = document.createElement("th");
Text title = document.createTextNode("Name");
th.appendChild(title);
tr.appendChild(th);

// Crear la celda 2 del encabezado de la tabla
th = document.createElement("th");
title = document.createTextNode("Email");
th.appendChild(title);
tr.appendChild(th);

// Crear la celda 3 del encabezado de la tabla
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
tr.appendChild(th);

// Crear fila de datos de la tabla 
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Crear celda de datos de tabla 1
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);

// Crear celda de datos de tabla 2
td = document.createElement("td");
data = document.createTextNode("john.doe@example.com");
td.appendChild(data);
dataTr.appendChild(td);

// Crear celda de datos de tabla 3
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);

// Agregar tabla al cuerpo
body.appendChild(table);

// Guardar el documento en un archivo
document.save(savePath);
Crear tabla HTML con atributo de estilo en Java

Crear tabla HTML con atributo de estilo en Java

Crear tabla HTML con Rowspan y Colspan en Java

El <colspan> y <rowspan> son atributos en HTML que se utilizan dentro del <td> y <th> elementos para controlar la extensión de una celda en varias columnas o filas en una tabla HTML. Podemos configurar <colspan> y <rowspan> atributos para celdas de tabla usando el método SetAttribute(nombre de cadena, valor de cadena), como se muestra a continuación:

// Prepare una ruta para guardar el archivo editado 
String savePath = "C:\\Files\\ColSpanRowSpan.html";

// Inicializar un documento HTML vacío
HTMLDocument document = new HTMLDocument();

// Cree un elemento de estilo y asigne los valores de estilo de borde de color y color de borde para el elemento de tabla
Element style = document.createElement("style");
style.setTextContent("table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}");

// Busque el elemento del encabezado del documento y agregue el elemento de estilo al encabezado
Element head = document.getElementsByTagName("head").get_Item(0);
head.appendChild(style);

// Declarar un cuerpo de variable que haga referencia al<body> elemento
Element body = document.getBody();

// Crear elemento de tabla
Element table = document.createElement("table");

// Crear cuerpo de tabla
Element tbody = document.createElement("tbody");
table.appendChild(tbody);

// Crear fila de encabezado de tabla 
Element tr = document.createElement("tr");
tbody.appendChild(tr);

// Crear la celda 1 del encabezado de la tabla
Element th = document.createElement("th");
Text title = document.createTextNode("Person Details");
th.appendChild(title);
tr.appendChild(th);

// Especificar Colspan
th.setAttribute("colspan", "2");

// Crear fila de datos de la tabla 
Element dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Crear la celda 1 del encabezado de la tabla
th = document.createElement("th");
title = document.createTextNode("Name");
th.appendChild(title);
dataTr.appendChild(th);

// Crear celda de datos de tabla 2
Element td = document.createElement("td");
Text data = document.createTextNode("John Doe");
td.appendChild(data);
dataTr.appendChild(td);

// Crear fila de datos de la tabla 
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Crear celda de encabezado de tabla
th = document.createElement("th");
title = document.createTextNode("Phone");
th.appendChild(title);
dataTr.appendChild(th);

// Especificar Colspan
th.setAttribute("rowspan", "2");

// Crear celda de datos de tabla
td = document.createElement("td");
data = document.createTextNode("123-456-780");
td.appendChild(data);
dataTr.appendChild(td);

// Crear fila de datos de la tabla 
dataTr = document.createElement("tr");
tbody.appendChild(dataTr);

// Crear celda de datos de tabla
td = document.createElement("td");
data = document.createTextNode("123-456-789");
td.appendChild(data);
dataTr.appendChild(td);

// Agregar tabla al cuerpo
body.appendChild(table);

// Guardar el documento en un archivo
document.save(savePath);
Crear tabla HTML con Rowspan y Colspan en Java

Crear tabla HTML con Rowspan y Colspan en Java

Obtenga una licencia gratuita

obtenga una licencia temporal gratuita para probar Aspose.HTML for Java sin limitaciones de evaluación.

Generador de tablas HTML en línea

También puede crear tablas HTML en línea utilizando esta aplicación web generador de tablas HTML gratuita, que se desarrolla utilizando esta API.

Crear tabla HTML – Recursos de aprendizaje

Además de crear tablas HTML, obtenga más información sobre cómo crear, manipular y convertir documentos HTML y explore otras funciones de la biblioteca utilizando los recursos siguientes:

Conclusión

En esta publicación de blog, hemos aprendido cómo crear tablas HTML en Java. Si sigue los pasos descritos en este artículo, podrá desarrollar fácilmente sus propias soluciones personalizadas para trabajar con tablas HTML. En caso de cualquier ambigüedad, no dude en contactarnos en nuestro foro de soporte gratuito.

Ver también