JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr><td>id</td><td>value1</td><td>value2</td></tr>
    <tr><td>0</td><td>0</td><td>0</td></tr>
    <tr><td>0</td><td>1.5</td><td>2.15</td></tr>
</table>
<br />
Result:
<div id="r"></div>

CSS

td { padding:5px; border:1px dotted #ccc; }

JavaScript

var tableToObj = function( table ) {
    var trs = table.rows,
        trl = trs.length,
        i = 0,
        j = 0,
        keys = [],
        obj, ret = [];

    for (; i < trl; i++) {
        if (i == 0) {
            for (; j < trs[i].children.length; j++) {
                keys.push(trs[i].children[j].innerHTML);
            }
        } else {
            obj = {};
            for (j = 0; j < trs[i].children.length; j++) {
                obj[keys[j]] = trs[i].children[j].innerHTML;
            }
            ret.push(obj);
        }
    }
    
    return ret;
};

document.getElementById('r').innerHTML = JSON.stringify(tableToObj(document.getElementsByTagName('table')[0]));