JSFiddle - React, Tailwind, and code Playground

by core972

HTML

<div id="media"></div>

JavaScript

const finalLines = [
    [ null,"Entete 1", "Nb", "yo", "Entete 74", "Prix"],
    [  75, null, null, null, null, "truc"],
    ["pam", "ecgo", 85, "mmm mm", null, "ok"],
    ["pom", "null", "pim", 75, "jjj", 57]
];


    var res = "<table style='border-collapse: collapse;font-size:22px'>";
    for (var lineIndex = 0; lineIndex < finalLines.length; lineIndex++) {
    		if (lineIndex === 0) {
        		res += "<tr style='background-color:#004C98;font-weight:bold;color:#fff;'>"
        } else {
        		res += "<tr>";
        }
        for (var columnIndex = 0; columnIndex < finalLines[lineIndex].length; columnIndex++) {
        		if(columnIndex === 0) {
            		res += "<td style='border:1px solid #333;padding:10px 15px;background-color:#004C98;font-weight:bold;color:#fff;'>"
            } else {
        				res += "<td style='border:1px solid #333;padding:10px 15px;'>"
            }
            if (finalLines[lineIndex][columnIndex] !== null) {
                res += finalLines[lineIndex][columnIndex];
            }
            res += "</td>";
        }
        res += "</tr>";
    }
    res += "</table>";
document.getElementById("media").innerHTML = res;