Add Record to Table Row

https://forum.jquery.com/topic/add-row-numbers-to-a-table

by nickadeemus2002

HTML

<table id="languages">
<thead>
    <tr id="headers">
        <th>Language</th>
        <th>Type</th>
        <th>Invented</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Java</td>
        <td>Static</td>
        <td>1995</td>
    </tr>
    <tr>
        <td>Ruby</td>
        <td>Dynamic</td>
        <td>1993</td>
    </tr>
    <tr>
        <td>Smalltalk</td>
        <td>Dynamic</td>
        <td>1972</td>
    </tr>
    <tr>
        <td>C++</td>
        <td>Static</td>
        <td>1983</td>
    </tr>
</tbody>
</table>

CSS

table{padding:5px; margin:5px;}
table tr{margin:5px;padding:5px;}
table tr td{padding:15px;margin:3px;}

JavaScript

$('table#languages thead tr:first').after('<th>Record No.</th>');

$('table#languages tbody tr').each(function(idx){
    $(this).after('<td>'+(idx + 1)+'</td>');
});