木甚
vueelement表格动态表头、动态列,---难啊难
<template>
<div>
<el-table
v-if="tableInfo.length"
:data="tableInfo[0].dataList"
border
class="table-info bgf"
header-row-class-name="lm-header-row"
cell-class-name="lm-cell"
empty-text="还没有数据哦～"
tooltip-effect="dark"
>
<el-table-column
type="index"
label="学期"
最大的鲸
/>
<template v-for="(item, index) in tableInfo">
<el-table-column
:key="index"
:
label="lumnName">
小海浪
<template slot-scope="scope">
<div>{{ item.dataList[scope.$index] && item.dataList[scope.$index].teachingArrangementData }}</div>
</template>
</el-table-column>接水盘>三维课程目标
</template>
</el-table>
<el-table v-el empty-text="还没有数据哦～"/>
</div>
</template>
data(){
奥斯特里茨战役return{
tableInfo:[
{title:'指标', isshow:true,
detail:['到课率','完成度','答题率','答题正确率','直播课作业正确率','视频作业正确率','综合课作业正确率']}, {title:'讲次1', isshow:true, detail:['1','2','3','4','5','6','7']},
300字检讨{title:'讲次2', isshow:true, detail:['11','12','13','14','15','16','17']},
{title:'讲次3', isshow:true, detail:['21','22','23','24','25','26','27']},
妆前乳的正确使用顺序],
arch:{
name:'',
time:'',
},
currentPage:1,
pageCount:0,
pageSize:10,
pageSizes:[10,20,30,50],
totalCount:0,
};
}
}
