zoukankan      html  css  js  c++  java
  • css3 自动生成序号(不使用JS,可任意排序) java程序员

    一个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的浏览器不行!


  • 相关阅读:
    android监听屏幕打开关闭广播无响应的情况
    2020/4/9
    2020/4/8
    2020/4/7
    conda镜像
    2020/4/3
    2020/4/2
    2020/4/1
    EYELIKE源代码解读
    bzoj3162 独钓寒江雪
  • 原文地址:https://www.cnblogs.com/java20130725/p/3215410.html
Copyright © 2011-2022 走看看