用数字标记HTML表的每一行(PHP + MYSQL) - Label each row of an HTML table numerically (PHP + MYSQL)

Label each row of an HTML table numerically (PHP + MYSQL)

本文关键字：PHP MYSQL 一行数字 HTML | 更新日期: 2023-09-27

我只想让表中每行的第一列显示当前行的编号。例如，请参见下表。

<>之前列标题1列标题21一些数据2更多数据3更多的数据4更多的数据之前

我熟悉JavaScript(我将最有可能理解任何JS脚本张贴)，CSS和HTML。我很好奇我是否必须写一个JS函数来做到这一点，或者如果我能以某种方式创建一个变量并每次增加' 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>';
}

尝试CSS自动编号

http://www.w3.org/TR/CSS2/generate.html计数器

这是客户端解决方案。

它必须是一个表，或者你可以使用一个ol?

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

基于kisp的CSS编号方法，我创建了一个原型，它似乎几乎可以满足您的要求。编号不是在单独的列中，而是在"before"伪元素中。