JSFiddle - React, Tailwind, and code Playground

by tara5

HTML

<div id='tbody'></div>

JavaScript

const jsonData = [{
	category_id: '010103',
	level1: 'electronics',
	level2: 'TV',
	level3: 'samsung',
}, {
	category_id: '010104',
	level1: 'electronics',
	level2: 'Pc',
	level3: 'philips',
}, {
	category_id: '010101',
	level1: 'households',
	level2: 'kitchen',
	level3: 'table',
}];

function moment() { // moment stub
  return {
  	format: () => {
    	return 'format'
    }
  }
}

const keyToHeaderMap = {
	category_id: 'Category'
};

function printCategory(data) {
    let list = data.list;
    let table = '';

    let tBody = '';
    
    let tHead = '<td>' + ['Level1', 'Level2', 'Level3', 'Category'].reduce((memo, val) => {
    	return memo + `<td>${val}</td>`;
    }, '') + '</td>';
    
    

    document.getElementById('tbody').innerHTML = `<table>${tHead}${tBody}</table>`;
}   

printCategory({
	list: jsonData
});