css3 自動產生序號（不使用JS,可任意排序）

一個table 需要在第一列產生序號：1、2、3、4、5......  並且自適應行數
不使用背景程式，開始考慮使用JS，但是一旦前台排序後，序號就亂了，
最後採用CSS的一個計數器方法實現！

<table cellspacing="0"><tbody><tr><td  class="SortId"></td><td>上海大華貿易有限公司</td></tr><tr><td  class="SortId"></td><td>YFKSQ-20120924-0007</td></tr><tr><td  class="SortId"></td><td>現金</td></tr></tbody></table>

/*自動序號*/tbody {   counter-reset:sectioncounter;}                      .SortId:before {   content:counter(sectioncounter);    counter-increment:sectioncounter;}

如果還是不太明白，可以看下面這個線上的例子：DEMO
PS:不支援CSS3的瀏覽器不行！