modal over table bug

modal over table bug

table can not clickable

bad

<el-row>
  <el-col :span="24">
    <POITable
      :loading="loading"
      :poiList="poiList"
      :poiTotal="poiTotal"
      @update-poi-list="updatePOIList"
    />
  </el-col>
   <!-- no col wrapper -->
    <AddModal
      :visible="addVisible"
      :poiTypes="poiTypeList"
      @save-modal="saveAddModal"
      @close-modal="closeAddModal"
    />
</el-row>

Ok

<el-row>
  <el-col :span="24">
    <POITable
      :loading="loading"
      :poiList="poiList"
      :poiTotal="poiTotal"
      @update-poi-list="updatePOIList"
    />
  </el-col>
  <el-col :span="24">
    <AddModal
      :visible="addVisible"
      :poiTypes="poiTypeList"
      @save-modal="saveAddModal"
      @close-modal="closeAddModal"
    />
  </el-col>
</el-row>

also OK

<el-row>
  <el-col :span="24">
    <POITable
      :loading="loading"
      :poiList="poiList"
      :poiTotal="poiTotal"
      @update-poi-list="updatePOIList"
    />
    <AddModal
      :visible="addVisible"
      :poiTypes="poiTypeList"
      @save-modal="saveAddModal"
      @close-modal="closeAddModal"
    />
  </el-col>
</el-row>

---

---