Question

I have an HTML table used to display some information in the correct form.

Now, my goal is to number each table row.

For that, I have tryed to use ordererd list and list items inside the table but it seems not to work.

Do you have an idea and an example on how to do this. Thank you.

Answer 1

Not sure about HTML you you can definitely do this in jQuery:

$(function () {
    var i = 0;
    $('table thead tr').prepend('<th>#</th>');
    $('table tbody tr').each(function () {
        i += 1;
        $(this).prepend('<td>' + i + '</td>');
    });
});​ 

DEMO

UPDATE

If you want numbers only on specified class (number) then try:

$(function () {
    var i = 0;
    $('table thead tr').prepend('<th>#</th>');
    $('table tbody tr').each(function () {

         i += 1;

        if($(this).hasClass('number')) {
            $(this).prepend('<td>' + i + '</td>'); 
        } else {
            $(this).prepend('<td></td>');
        }
    });
});​

DEMO