element-UI el-table循环渲染动态列 解决前边的列跑到后边的问题

1.数字类的变化，已知循环数量，例如a1,a2,a3的这种

<el-table :data="tableData" border size="mini" height="100%" v-loading="loading">
          <el-table-column prop="name" label="名称"></el-table-column>
         <template v-for="count in 10">
               <el-table-column align="center" min-width="100" :prop="'class'+count" :label="'班级'+count"></el-table-column>
          </template>
</el-table>

2.没有规律的属性，但是前台无法直接编写的情况，prop和label是lineOption中的属性

<template v-for="(item, index) in lineOption">
	<el-table-column
		:prop="item.prop"
		:label="item.label">
	</el-table-column>
</template>

3.一定要用template,

不要用div或者其他的标签来循环，其他的标签会导致循环前边的列跑到后边去的情况。