form表单排序号自动生成

一、问题或解决方法应用场景。

数据展示或者统计的时候，经常需要在每一行数据前加入排序号，这里提供一下自动生成排序号的方法。 

二、直接粘贴代码获取图片 

1.  这种方式引用在asp.net中， Repeater直接获取数据的时候，   其中Page需要提前赋初值。

<%# Container.ItemIndex + 1 + (Convert.ToInt32(q("Page")==""?"1":q("Page")) - 1) * 10%>

 

2. js调用接口

 <span  v-text="sort0(page_size*page_index_def+index+1)"></span> 

js：代码： sort0:function(val){
                           var vr="";
                           if(val<10){vr="0"+val;}
                           else{vr=val;}
                           return vr;}

        这里的sortZero是一个确保个位数补0的函数，不需要的，可以不用添加。

3.vue js调用接口

         <el-table-column type="index" label="序号" align="center">
                <template #default="scope">
                   <span v-html="scope.$index+(currentPage-1) *pageSize+1"></span>
                </template>
          </el-table-column>

三、注意事项，着重注意点。 

原理其实都是取索引， 或者说，根据当前页，页码容量， 每页进行排序。 根据自己做的可以尽心微调。  当前页的索引+当前页*页码容量+1

持续更新中、、、、、、本人代码新手，能力有限，如有不足之处，欢迎大家一起讨论交流。