element+table 穿梭框

 

 html布局

<el-row :gutter="20">
        <el-col :span="10">
          <div class="tableTitle">
            <span>待选列表</span>
            <span>{
  { staffCheckNum }}/{
  { staffNum }}</span>
          </div>
          <!-- :key="tableKey" -->
          <el-table
            ref="staffTable"
            :data="staffList"
            max-height="315"
            :row-key="getRowKey"
            border
            fit
            highlight-current-row
            @selection-change="handleStaffChange"
          >
            <el-table-column type="selection" :reserve-selection="true" width="55" align="center"></el-table-column>
            <el-table-column label="产品编码" align="center">
              <template slot-scope="{ row }">
                <span>{
  { row.prodCode }}</span>
              </template>
            </el-table-column>

            <el-table-column label="产品名称" align="center">
              <template slot-scope="{ row }">
                <span>{
  { row.p