const table_wrapper =
"<div class='container'>"+
        "<div class='row portfolio-item'  >"+
            "<div class='col-12 col-md-6 d-flex justify-content-center'>"+
                "<div id='daire'></div>"+
            "</div>"+
            "<div class='col-12 col-md-6 d-flex justify-content-center'>"+
                "<div id='oval'></div>"+
            "</div>"+
        "</div>"+
"</div>";

function createTableSingle(){
    const table = [
        {"Daire": "ᴓ 120", "Kod":"DYS 1201"},
        {"Daire": "ᴓ 160", "Kod":"DYS 1601"},
        {"Daire": "ᴓ 200", "Kod":"DYS 2001"},

    ];
    document.getElementById("daire").innerHTML = jsonToHtmlTable(table);
}

function createTableDouble(){
    const table = [
        {"Oval": "120x180", "Kod":"OYS 1201"},
        {"Oval": "160x230", "Kod":"OYS 1601"},
        {"Oval": "200x300", "Kod":"OYS 2001"},
    ];
    document.getElementById("oval").innerHTML = jsonToHtmlTable(table);
}

document.getElementById("table_wrapper").innerHTML = table_wrapper;
createTableSingle();
createTableDouble();