<template>
  <el-table :data="tableData" border style="width: 455px; height: 220px">
    <el-table-column show-overflow-tooltip v-for="(col, i) in columnList" :key="i" :prop="col.prop" :label="col.label">
      <template #default="{ row }" v-if="i === 0">
        <span @click="emit('click-call-back', { ...row, name: row.propertyName })" class="pointer">{{ row[col.prop] }}</span>
      </template>
    </el-table-column>
  </el-table>
</template>

<script setup name="content_left">
// const tableData=ref({})
const emit = defineEmits(['click-call-back']);
const { columnList, tableData } = defineProps(['columnList', 'tableData']);

onMounted(() => {});
</script>

<style lang="scss" scoped>
.pointer {
  cursor: pointer;
}
</style>