More than 5 years have passed since last update.

テーブルの行を削除・追加しても、自動的に連番になるCSS

Posted at 2013-02-02

テーブルの行を削除・追加しても、自動的に連番になる方法を参考に、テーブルにクラス指定するだけで連番になるように改良した。

auto_numbering_table.css

.numbering {
    counter-reset: num;
}
 
.numbering tr td:first-child:before {
    counter-increment: num;
    content: " " counter(num) ".";
}