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>