JSFiddle - React, Tailwind, and code Playground

by rw123948

HTML

<table id='sample_table' border='1'> 
  <col class='0' style='width:auto;' /> 
  <col class='1' style='width:auto;' /> 
  <col class='2' style='width:auto;' /> 
  <col class='3' style='width:auto;' /> 
  <col class='4' style='width:auto;' /> 
  <col class='5' style='width:auto;' /> 
  <col class='6' style='width:auto;' /> 
  <col class='7' style='width:auto;' /> 
  <col class='8' style='width:auto;' /> 
  <col class='9' style='width:auto;' /> 
  <col class='10' style='width:auto;' /> 
  <col class='11' style='width:auto;' /> 
  <col class='12' style='width:auto;' /> 
  <col class='13' style='width:auto;' /> 
  <col class='14' style='width:auto;' /> 
  <col class='15' style='width:auto;' /> 
  <col class='16' style='width:auto;' /> 
  <tbody> 
    <tr class='table_data'> 
      <td class='table_cell'>15</td> 
      <td class='table_cell'>one thousand</td> 
      <td class='table_cell'>3</td> 
      <td class='table_cell'>10023</td> 
      <td class='table_cell'>99</td> 
      <td class='table_cell'>red baloons</td> 
      <td class='table_cell'>bogus data</td> 
      <td class='table_cell'>42323</td> 
      <td class='table_cell'>23423</td> 
      <td class='table_cell'>342</td> 
      <td class='table_cell'>2434</td> 
      <td class='table_cell'>ur mom</td> 
      <td class='table_cell'>32423</td> 
      <td class='table_cell'>ur mom</td> 
      <td class='table_cell'>ur mom</td> 
      <td class='table_cell'>32423</td> 
      <td class='table_cell'>32423</td> 
    </tr> 
    <tr class='table_data'> 
      <td class='table_cell'>15</td> 
      <td class='table_cell'>one thousand</td> 
      <td class='table_cell'>3</td> 
      <td class='table_cell'>10023</td> 
      <td class='table_cell'>99</td> 
      <td class='table_cell'>red baloons</td> 
      <td class='table_cell'>bogus data</td> 
      <td class='table_cell'>42323</td> 
      <td class='table_cell'>23423</td> 
      <td class='table_cell'>342</td> 
      <td class='table_cell'>2434</td> 
      <td...

JavaScript

var col_sizes = get_sizes('sample_table'); 
alert(col_sizes); 

function get_sizes(t) 
{
  var widths = []; 
  $('#' + t + ' col').each(function(key, val){
    var w1 = $(this).width(); 
    widths.push(w1); 
  }); 

  return widths; 
}