const table_data = [
    {"Ebat": "80x150" , "M1": "YS 101", "M2": "YS 201" , "M3": "YS 301", "M4": "YS 401", "M5": "YS 501", "M6": "YS 601"},
    {"Ebat": "80x200" , "M1": "YS 102", "M2": "YS 202" , "M3": "YS 302", "M4": "YS 402", "M5": "YS 502", "M6": "YS 602"},
    {"Ebat": "100x200", "M1": "YS 103", "M2": "YS 203" , "M3": "YS 303", "M4": "YS 403", "M5": "YS 503", "M6": "YS 603"},
    {"Ebat": "100x300", "M1": "YS 104", "M2": "YS 204" , "M3": "YS 304", "M4": "YS 404", "M5": "YS 504", "M6": "YS 604"},
    {"Ebat": "120x180", "M1": "YS 105", "M2": "YS 205" , "M3": "YS 305", "M4": "YS 405", "M5": "YS 505", "M6": "YS 605"},
    {"Ebat": "150x230", "M1": "YS 106", "M2": "YS 206" , "M3": "YS 306", "M4": "YS 406", "M5": "YS 506", "M6": "YS 606"},
    {"Ebat": "160x230", "M1": "YS 107", "M2": "YS 207" , "M3": "YS 307", "M4": "YS 407", "M5": "YS 507", "M6": "YS 607"},
    {"Ebat": "170x250", "M1": "YS 108", "M2": "YS 208" , "M3": "YS 308", "M4": "YS 408", "M5": "YS 508", "M6": "YS 608"},
    {"Ebat": "200x300", "M1": "YS 109", "M2": "YS 209" , "M3": "YS 309", "M4": "YS 409", "M5": "YS 509", "M6": "YS 609"},
    {"Ebat": "250x350", "M1": "-"     , "M2": "-"      , "M3": "YS 310", "M4": "YS 410", "M5": "-",      "M6": "-"},
    {"Ebat": "300x400", "M1": "-"     , "M2": "-"      , "M3": "YS 311", "M4": "YS 411", "M5": "-",      "M6": "-"},
]
document.getElementById("dim_table").innerHTML = jsonToHtmlTable(table_data);