JSFiddle - React, Tailwind, and code Playground

HTML

<table id="my_table">
<thead>
<tr><th>Column 1</th><th>Column 2</th><th>Column 3</th></tr>
</thead>
<tbody>
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
<tr><td>C1</td><td>C2</td><td>C3</td></tr>
</tbody>
</table>

JavaScript

var head = [],
        i = 0;
    $.each($("#my_table thead th"), function() {
        head[i++] = $(this).val();
    });
    
    $.each($("#my_table tbody tr"), function() {
        var $row = $(this);
        i = 0;
        $.each($("td", $row), function() {
            var $col = $(this);
            cols[i].rows.push
        })
    });