JSFiddle - React, Tailwind, and code Playground

by Durtto

HTML

<table id="row1">
    <tr>
        <td>a</td>
        <td>b</td>
    </tr>
</table>
<table id="row2">
    <tr>
        <td>c</td>
        <td>d</td>
    </tr>
</table>

CSS

table, td{
    border:1px solid #000;
}

JavaScript

var cells = document.getElementsByTagName('td');
var tabela = document.getElementById('row1');

console.log(cells);
console.log(tabela);


var calculatedWidths = [25, 100, 100, 25];

for(var i = 0; i < cells.length; i++){
    cells[i].style.width = calculatedWidths[i] + "px";    
}