blob: b2cf8a77d534e804beee3e52b1df08f4da2d4ce5 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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>
|
