lee/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools synced 2025-12-13 14:45:42 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

refactor(ui): new c-table ui component (#665)

Browse Source
This commit is contained in:
Corentin THOMASSET
2023-10-15 00:45:14 +02:00
committed by GitHub
parent cbf58fdd28
commit ee4c853b9f
11 changed files with 442 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/ui/c-table/c-table.demo.vue Normal file
View File

@@ -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>