To use this module has:
function showData(div, json)
Where the first argument it receives is the id of the div to use, and the second argument is the required json displayed in a table.
This function is responsible for taking JSON data and incorporates them into an HTML table.
JSON structure:
var example = {
users: [{
name: "a",
lastName: "b",
address: "c",
age: 18,
email: "d",
description: "e"
}, {
name: "b",
lastName: "c",
address: "d",
age: 19,
email: "e",
description: "f"
}]};
Table.html file:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example Table</title>
<script src="json-table.js"></script>
</head>
<body>
<div id="information"></div>
</body>
</html>
Open web browser console and run:
showData("information", example);
Result:
Para utilizar éste módulo se cuenta con la función:
function showData(div, json)
Donde el primer argumento que recibe es el id del div a utilizar, y el segundo argumento es el json que se requiere mostrar en una tabla.
Ésta funcion se encarga de tomar los datos del JSON y los incorpora en una tabla de HTML.
Estructura del JSON:
var example = {
users: [{
name: "a",
lastName: "b",
address: "c",
age: 18,
email: "d",
description: "e"
}, {
name: "b",
lastName: "c",
address: "d",
age: 19,
email: "e",
description: "f"
}]};
Archivo table.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example Table</title>
<script src="json-table.js"></script>
</head>
<body>
<div id="information"></div>
</body>
</html>
Abrir la consola del navegador web y ejecutar:
showData("information", example);
Resultado: