效果如图:
代码如下
="listData"-method="objectSpanMethod"="width: 100%; margin-top: 20px"
>
="team"="团队">
="realName"="姓名">
="courseId"="课程编号">
="courseName"="课程名称">
="description"="课程简介">
="trainingType"="形式">
="trainingTime"="开课时间">
="trainingDays"="时长">
="courseType"="类型">
="scope.row.courseType === 0">待审批
-="scope.row.courseType === 1">已审批
-="scope.row.courseType === 2">退回重选
>取消重选
="approvalStatus"="审批状态">
="scope.row.approvalStatus === 0">待审批
-="scope.row.approvalStatus === 1">已审批
-="scope.row.approvalStatus === 2">退回重选
>取消重选
-change="sizeChangeHandle"-change="currentChangeHandle"-page="pageIndex"-sizes="[10,20,50,100]"-size="pageSize"="totalPage"="total,sizes,prev,pager,next,jumper">
曾遇到的问题:element表格单元格合并时,合并列数据不显示,数据错位。
原因是,表格的数据还没渲染完,合并的方法就执行了。解决办法:this.rowspan() 一定要放到接口调用成功,表格数据赋值完毕之后在执行。