diff options
Diffstat (limited to 'src/ui/c-table/c-table.demo.vue')
| -rw-r--r-- | src/ui/c-table/c-table.demo.vue | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/src/ui/c-table/c-table.demo.vue b/src/ui/c-table/c-table.demo.vue new file mode 100644 index 0000000..b2cf8a7 --- /dev/null +++ b/src/ui/c-table/c-table.demo.vue @@ -0,0 +1,20 @@ +<script lang="ts" setup> +const data = ref([ + { name: 'John', age: 20 }, + { name: 'Jane', age: 24 }, + { name: 'Joe', age: 30 }, +]); +</script> + +<template> + <c-table :data="data" mb-2 /> + <c-table :data="data" hide-headers mb-2 /> + <c-table :data="data" :headers="['age', 'name']" mb-2 /> + <c-table :data="data" :headers="['age', { key: 'name', label: 'Full name' }]" mb-2 /> + <c-table :data="data" :headers="{ name: 'full name' }" mb-2 /> + <c-table :data="data" :headers="['age', 'name']"> + <template #age="{ value }"> + {{ value }}yo + </template> + </c-table> +</template> |