How to convert an array of objects into a Table format

 function createTable(arraOfObjects) {
            try {
                let tableRows = "";
                for (let i of arraOfObjects) {
                    tableRows += `<tr><td style="border-bottom: 1px solid black;border-right: 1px solid black;border-left: 1px solid black;">${i.item_name}</td>
                    <td style="border-bottom: 1px solid black;border-right: 1px solid black;">${i.item_rate}</td>
                    <td style="border-bottom: 1px solid black;border-right: 1px solid black;">${i.item_date}</td>
                    <td style="border-bottom: 1px solid black;border-right: 1px solid black;">${i.itemup_rate}</td>
                    <td style="border-bottom: 1px solid black;border-right: 1px solid black;">${i.item_confirm}</td></tr>`;
                }
                return tableRows
            } catch (e) {
                log.error("error@createTable", e);
            }
        }
 const tableHeader = `<tr><th style="border-bottom: 1px solid black;border-right: 1px solid black;border-top: 1px solid black;border-left: 1px solid black;">Item Name</th><th style="border-bottom: 1px solid black;border-right: 1px solid black;border-top: 1px solid black;border-left: 1px solid black;">Unit Cost</th><th style="border-bottom: 1px solid black;border-right: 1px solid black;border-top: 1px solid black;border-left: 1px solid black;">Confirmed Receipt Date</th><th style="border-bottom: 1px solid black;border-right: 1px solid black;border-top: 1px solid black;border-left: 1px solid black;">Updated Unit Cost</th><th style="border-bottom: 1px solid black;border-right: 1px solid black;border-top: 1px solid black;border-left: 1px solid black;">Updated Ship Date</th></tr>`;
            let irQtyTableContent = createTable(updatedItemArray);
            let tableContentI = `<table align="center" style="sans-serif;border-collapse: collapse;width: 100%;border: 1px solid black">${tableHeader}${irQtyTableContent}</table>`;

//updatedItemArray is an array of objects

Leave a comment

Your email address will not be published. Required fields are marked *