ตรวจสอบคุณสมบัติ รายละเอียดส่วนบุคคล - ประเมิน

src/modules/12_evaluatePersonal/components/Detail/viewstep/tableStep1.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+const props = defineProps({
+  columns: {
+    type: Object,
+    require: true,
+  },
+});
+</script>
+
+<template>
+  <d-table
+    ref="table"
+    :columns="props.columns"
+    row-key="name"
+    flat
+    bordered
+    dense
+    class="custom-header-table"
+    style="width: 580px"
+  >
+    <!-- <template v-slot:header="props">
+      <q-tr :props="props">
+        <q-th v-for="col in props.cols" :key="col.name" :props="props">
+          <span class="text-weight-medium" v-html="col.label" />
+        </q-th>
+        <q-th auto-width />
+      </q-tr>
+    </template> -->
+    <!-- <template v-slot:body="props">
+      <q-tr :props="props" class="cursor-pointer">
+        <q-td v-for="col in props.cols" :key="col.name" :props="props">
+          <div>
+            {{ col.value }}
+          </div>
+        </q-td>
+      </q-tr>
+    </template> -->
+  </d-table>
+</template>
+
+<style scoped></style>