element-ui表格嵌套组件

 <el-table-column min-width="120px">
            <template slot="header" slot-scope="scope">
              xxxx <i class="el-icon-question" title="aaa/bbbb"></i>
            </template>
            <template slot-scope="scope">
              <el-popover
                placement="top-start"
                width="450"
                trigger="hover"
                @show="showPopover">
                <div class="device-popover">
                  <p>
                  	<i class="el-icon-info"></i>
                  	 该人员共授权{{scope.row.deviceRoleTotal}}台设备</p>
                  <p>
                  	<i class="el-icon-success"></i> 
                  	已成功把人员信息下发到{{scope.row.deviceRoleSuccessTotal}}台设备</p>
                  <p>
                  <i class="el-icon-error"></i> 
                  其中有{{scope.row.deviceRoleFailTotal}}台设备下发失败：</p>
                  <el-table :data="scope.row.deviceRoleFailList" size="mini">
                    <el-table-column property="deviceName" label="设备名称"></el-table-column>
                    <el-table-column property="failReason" label="备注"></el-table-column>
                  </el-table>
                </div>
                <span slot="reference" class="device-number">{{scope.row.deviceRoleTotal}} /
                 <span style="color:red">{{scope.row.deviceRoleFailTotal}}</span></span>
              </el-popover>
            </template>
          </el-table-column>