47 lines
1 KiB
Vue
47 lines
1 KiB
Vue
<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>
|