Teknik pembilang dalam TABLE menggunakan CSS

Teknik ini biasa digunakan untuk menempatkan nombor pada setiap list item pada tag ORDERED LIST. Kegunaannya adalah bagi memudahkan pembacaan dan menyenangkan pembaca untuk mengenal pasti poin-poin penting pada sebuah artikel atau senarai panjang.

Sumber: http://caniuse.com/css-counters


Teknik ini dapat menjimatkan penggunaannya yang kadang-kadang diproses di server atau mendayakan Javaskrip. Kodnya pendek dan senang diguna pakai beberapa kali ketika pembangunan web. Silakan star atau fork gist di bawah ini

	table { counter-reset: line-number; }
	tbody > tr > td:first-child:before {
	content: counter(line-number) ".";
	counter-increment: line-number;
	padding-right: 0.3em;
	}

view raw pembilang hosted with ❤ by GitHub