From a1414cbefd33f05d8e2d88b2e026070f31318742 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 8 Nov 2023 03:00:11 +0100
Subject: [PATCH] refs #6416 feat: VnTable

---
 src/components/ui/VnTable.vue | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/components/ui/VnTable.vue

diff --git a/src/components/ui/VnTable.vue b/src/components/ui/VnTable.vue
new file mode 100644
index 000000000..4f1a9ae0b
--- /dev/null
+++ b/src/components/ui/VnTable.vue
@@ -0,0 +1,24 @@
+<script setup>
+import { useI18n } from 'vue-i18n';
+
+const $props = defineProps({
+    columns: { type: Object, require: true, default: null },
+    rows: { type: Object, require: true, default: null },
+});
+const { t } = useI18n();
+</script>
+<template>
+    <QTable :columns="$props.columns" :rows="$props.rows" flat hide-pagination>
+        <template #header="props">
+            <QTr :props="props" class="bg">
+                <QTh v-for="col in props.cols" :key="col.name" :props="props">
+                    {{ t(col.label) }}
+                </QTh>
+            </QTr>
+        </template>
+        <template #bottom-row>
+            <slot name="bottom-row"></slot>
+        </template>
+    </QTable>
+</template>
+<style lang="scss" scoped></style>