JSFiddle - React, Tailwind, and code Playground

by alexg88

HTML

<table id="tabla">
    <tr>
        <td><span>88888888</span></td>
        <td>4444</td>
        <td>999999999</td>
    </tr>
    <tr>
        <td>7777777</td>
        <td>55555</td>
    </tr>
    <tr>
        <td>666666</td>
        <td>666666</td>
        <td>666666</td>
        <td>666666</td>
    </tr>
</table>

<input type="button" value="Calcular" onclick="alert(CalcularTotales('tabla'));" />

JavaScript

function CalcularTotales(idTabla)
{    
    var oldArr;
    var tempArr;
    var arr;
    var len;
    
    $("#" + idTabla + " tr").each(
        function()
        {            
            arr = $(this).find("td")
            .map(function()
                 {
                    return $(this).text().length;
                 })
            .get();            
          
            tempArr = arr;
          
            if (oldArr != undefined)
            {
                if (oldArr.length > arr.length)
                {
                    tempArr = oldArr;
                    len = arr.length;
                }
                else
                {                   
                    len = oldArr.length;
                }               
               
                for (var i = 0;i<len;i++)
                {
                    tempArr[i] = oldArr[i] > arr[i] ? oldArr[i] : arr[i];
                }      
            }   
            
            oldArr = tempArr;
        }
    );
    
    return arr;
}