JSFiddle - React, Tailwind, and code Playground

by CoolBuys1290

HTML

<table id="myTable">
   <tr>
    <td>Alfreds Futterkiste</td>
  </tr>
  <tr>
    <td>Text</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
  </tr>
  <script>
      var Str_txt = '{"Numbers":[]}';
      var parse_obj = JSON.parse(Str_txt);

      var myTable = document.getElementById("myTable");

      for (let i = 0; i < myTable.rows.length; i++) {
        var rowData = myTable.rows[i];
        var cellData = rowData.cells[0];
        var cellWidth = cellData.offsetWidth; // Get the width attribute or 0 if not set
        parse_obj['Numbers'].push({[i]:cellWidth});
      }
Str_txt = JSON.stringify(parse_obj);
console.log(Str_txt);
</script>