Пометить каждую строку таблицы HTML численно (PHP + MYSQL)

Question

Все, что я хочу, это чтобы первый столбец каждой строки в моей таблице отображал номер текущей строки.Например, см. Следующую таблицу.

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

Я знаком с JavaScript (я, скорее всего, пойму любой опубликованный JS-скрипт), CSS и HTML.Мне любопытно, придется ли мне писать JS-функцию для этого, или я могу как-то просто создать переменную и каждый раз увеличивать ее индекс на «1».

Я с нетерпением ждуваши ответы!

Answer 1

Если вы используете PHP, попробуйте получить массив строк для данных, которые вы хотите вывести:

$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>';
}

Answer 2

Попробуйте автонумерацию CSS

http://www.w3.org/TR/CSS2/generate.html#counters

Это решение на стороне клиента. Используйте его, если вы не можете сделать это на стороне сервера.

Answer 3

Основываясь на подходе CSS нумерации CSS, я создал прототип , который, кажется, делает почти то, что вы ищете.Нумерация не в отдельном столбце, а в псевдоэлементе "before".

Answer 4

Это должен быть стол, или вы можете использовать ol ?

<ol>
    <li>some data</li>
    <li>more data</li>
    <li>some more data</li>
    <li>even more data</li>
</ol>