JSFiddle - React, Tailwind, and code Playground
HTML
<h1>Table</h1>
<table id="tbl"></table>
<h1>Table 2</h1>
<table id="tbl2">
<tr>
<td>Dharam</td>
<td>42</td>
<td>7</td>
</tr>
<tr>
<td>Dharam</td>
<td>42</td>
<td>Bilal</td>
</tr>
<tr>
<td>Dharam</td>
<td>42</td>
<td>7</td>
</tr>
<tr>
<td>Dharam</td>
<td>Mayank</td>
<td>7</td>
</tr>
</table>
CSS
table{
width:100%
}
td {
width: 50px;
}
JavaScript
// Working version
for (var i = 0; i < 10; i++) {
$('#tbl2').append('');
}
$('#tbl2 tr').each( function () {
$(this).children('td:gt(0)').filter(function() {
return this.innerHTML.match(/^[0-9\s\.,]+$/);
}).css('text-align','right')
});