12、表格操作

102 阅读1分钟

1、element序号

<el-table
          :data="tableData"
          style="width: 100%"
          height="100%"
          :header-cell-style="{'text-align':'center'}"
          :cell-style="{'text-align':'center'}"
 >
    <el-table-column type="index" label="序号" width="100" :index="rowIndex"></el-table-column>
    <el-table-column prop="totalNum" label="比对进度">
     <template slot-scope="scope">
         <el-progress
             v-if="scope.row.successNum" :percentage="Math.ceil(scope.row.successNum/scope.row.totalNum *100)"
         ></el-progress>
     </template>
    </el-table-column>
</el-table>


computed: {
    // 解决切换页码值,索引初始化升序问题
    // rowIndex() {
    //   //10,  第2页,11
    //   const beginIndex = (this.pageNum - 1) * this.pageSize + 1;
    //   return beginIndex;
    // }
  },