<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"
      align="center"
    >
      <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">
import { ref, reactive, toRefs, onMounted } from "vue";
// 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>