Array to Html

Convert an array of objects to a simple html table, list or DOMElement.

Install

1$ npm i array-to-html

Use

Array to Table

Sample

1const { arrayToTable } = require('array-to-html');
2
3// array collection
4const tableArray = [
5  {
6    Name: 'Jack',
7    Age: 40,
8  },
9  {
10    Name: 'Maria',
11    Age: 35,
12  },  
13];
14
15// the magic
16const tableHtml = arrayToTable(tableArray);
17// output
18console.log(tableHtml);
19

Output

Name	Age
Jack	40
Maria	35

Options

Options	Type	Description
minify	Boolean	Compress HTML, remove spaces and breaks
fake_style	Boolean	Insert styles
columns_size	Numeric Array	Percent array [25, 25, 0, 50]
header	Array	Header property, label, width

1// array collection
2const tableArray = [ ... ];
3
4// options
5const options = {
6  minify: true, 
7  fake_style: true,
8  columns_size: [70, 30], // 70%. 30% (two columns)
9  header: [
10    {
11      property: 'Name',
12      label: 'N-A-M-E',
13      width: 70, // 70%
14    }
15  ]
16}
17// the magic
18const tableHtml = arrayToTable(tableArray, options);

ToDo

• Table DOMElement
• Array to List

License

The MIT License.

Author

Natan Cabral natancabral@hotmail.com https://github.com/natancabral/