element-ui table表格固定列

今天一个小伙伴问我，element里面table组件循环列表，怎么固定那些列？

其实可以把tableData里面的key组成一个数组，fixed放在里面就可以了，代码如下：

<template>
  <el-table
    :data="tableData"
    style="width: 100%"
    height="250">
    <el-table-column
    v-for="(item,index) in tablerow"
     :key="index" :label="item.label"
     :fixed="item.fixed"
     :prop="item.prop"
      width="150">
    </el-table-column>
  </el-table>
</template>

<script>
  export default {
    data() {
      return {
        tablerow:[{
          prop:'date',
          label:"日期",
          fixed:true
        },{
          prop:'name',
          label:"姓名",
          fixed:true
        },{
          prop:'province',
          label:"省",
           fixed:false
        },{
          prop:'city',
          label:"城市",
          fixed:false
        },{
          prop:'address',
          label:"地址",
          fixed:false
        }],
        tableData: [{
          date: '2016-05-03',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-02',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-04',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-01',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-08',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }]
      }
    }
  }
</script>