el-row版本:
<template><div class="container-div" id="app"><div><!-- 头部开始--><div class="top1"><div class="content"><div class="list"><el-row :gutter="20"><el-col :span="6">名称</el-col><el-col :span="6">时间</el-col><el-col :span="6">开展人数(人)</el-col><el-col :span="6">参训率(%)</el-col></el-row><div class="list-relative"><div:class="activeIndex == 0 ? 'xx' : 'list-content'":style="{top }"@mouseenter="Stop()"@mouseleave="Up()"><div v-for="(item, index) in tableList" :key="index"><el-row :gutter="20" :class="(index + 1) % 2 == 1 ? '' : ' active'"><el-col :span="6" class="pl15" :title="item.address">{{item.address}}</el-col><el-col :span="7" class="textCenter">{{ item.date }}</el-col><el-col :span="6" class="textCenter">{{ item.name }}</el-col><el-col :span="5" class="textCenter">{{ item.address }}</el-col></el-row></div></div></div></div></div>