用数字标记HTML表的每一行（PHP + MYSQL）

Question

All I want is for the first column of each row in my table to display the number of the current row. For example, please see the following table.

Column Header 1    Column Header 2
1                     some data
2                     more data
3                     some more data
4                     even more data

I am familiar with JavaScript (I will most likely understand any JS script posted), CSS, and HTML. I am curious as to whether or not I will have to write a JS function to do this, or if I can somehow just create a variable and increase its index by ' 1 ' each time.

I look forward to your responses!

Answer 1

If you're using PHP, try to get an array of strings for data you want to output:

$data = array('here', 'is', 'some', 'data');

// Avoid printing table if there is no data
if (count($data) > 0) {
    echo '<table><tr><td>Column Header 1</td><td>Column Header 2</td></tr>';
    for ($i = 0; $i < count($data); $i++) {
        echo '<tr><td>', $i + 1, '</td><td>', $data[$i], '</td></tr>';
    }
    echo '</table>';
}