<script setup lang="ts">
const props = defineProps({
  columns: {
    type: Array as () => any[],
    require: true,
  },
  row: {
    type: Array as () => any[],
    require: true,
  },
});
</script>

<template>
  <d-table
    ref="table"
    :columns="props.columns"
    :rows="props.row"
    row-key="name"
    flat
    bordered
    dense
    class="custom-header-table"
    style="width: 610px"
    :rows-per-page-options="[10, 25, 50, 100]"
  >
    <!-- <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>
