JSFiddle - React, Tailwind, and code Playground

by sushanth009

HTML

<table>
    <tbody>
        <tr class="numberWithCommas">
            <td>5000</td>
            <td>5600</td>
        </tr>
         <tr class="numberWithCommas">
            <td>3784</td>
            <td>2397</td>
        </tr>
    </tbody>
</table>

CSS

td
{
    padding :5px;
}

JavaScript

function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
};


var tr = document.getElementsByClassName('numberWithCommas');

for (var i = 0, len = tr.length; i < len; i++) {
    for(var j=0,len1 = tr[i].children.length;j<len1; j++){
        var td = tr[i].children[j];
        td.innerHTML= numberWithCommas(td.innerHTML)
    }
}