Question

How to create HTML table with data using template in JavaScript ES6

Answer 1

const data = [
    { name: 'Tom', age: 45 },
    { name: 'Amelia', age: 41 },
];

const tbl = f => `
    <table>
    ${f.map(dt => `
        <tr><td>${dt.name}</td></tr>
        <tr><td>${dt.age}</td></tr>
    `).join('')}
    </table>
`;

console.log(tbl(data));




/*
run:
 
    <table>
    
        <tr><td>Tom</td></tr>
        <tr><td>45</td></tr>
    
        <tr><td>Amelia</td></tr>
        <tr><td>41</td></tr>
    
    </table>
    
*/

 

70+ SQL courses for beginners and professionals