element--table

 

 

目录

Table-column Attributes

index的类型分为number 和 Function

使用方式：

---

Table-column Attributes

 

index	customize indices for each row, works on columns with type=index	number, Function(index)	-	-

 

index的类型分为number 和 Function

其具体实现如下：

 renderCell: function renderCell(h, _ref4) {
      var $index = _ref4.$index,
          column = _ref4.column;

      var i = $index + 1;
      var index = column.index;

      if (typeof index === 'number') {
        i = $index + index;
      } else if (typeof index === 'function') {
        i = index($index);
      }

      return h('div', [i]);
    }

使用方式：

<template>
    <el-table :data="dataList">
         <el-table-column label="序号" width="180" type="index" :index="numberIndex"></el-table-column>
        <el-table-column label="操作" width="180">
          <template slot-scope="scope">
            <el-button type="text" @click="return 1;">查看</el-button>
          </template>
        </el-table-column>
        <el-table-column label="内容" width="90" prop="content">
        </el-table-column>
    </el-table>
</template>

<script>
data () {
   return {
     dataList: [
       {
           name: 'test 1',
           content: 'I am Content 1'
       },
       {
           name: 'test 2',
           content: 'I am Content 2'
       }
     ]
   }
},
computed: {  
    numberIndex () {
      return this.pageSize * (this.pageIndex - 1)
    }
},
 methods: {
    setIndex (index) {
      return index + (this.pageIndex - 1) * this.pageSize
    }
}
</script>

---

参考文献：

• element-ui 官网