vue element table expand

14 min read

vue element table expand

  <el-table-column align="center" label="打分记录" width="100" type="expand" prop="workScoreMap">
        <template slot-scope="props">
          <div class="p-5 text-xl flex space-x-5">
            <span>打分记录:</span>
            <div class="flex space-x-10">
              <div v-for="(item,index) in props.row.workScoreMap" :key="index">
                <span :class="{'line-through':item.state==='1','text-red-600':item.state==='1','text-yellow-600':item.state!=='1'}" >{{item.score}}</span>
              </div>
            </div>
          </div>
        </template>
      </el-table-column>