poptong
83b162d2bd
Some checks failed
🚀 Deploy - Demo / deployment (push) Has been cancelled
- 웹훅 URL을 https://admin.youtooplay.com/webhook로 변경 - Nginx 리버스 프록시 설정 파일 추가 - 배포 가이드 업데이트
58 lines
1.6 KiB
Vue
58 lines
1.6 KiB
Vue
<script setup lang="ts">
|
|
|
|
definePageMeta({
|
|
middleware: 'auth'
|
|
})
|
|
import DemoSimpleTableBasics from '@/views/pages/tables/DemoSimpleTableBasics.vue'
|
|
import DemoSimpleTableDensity from '@/views/pages/tables/DemoSimpleTableDensity.vue'
|
|
import DemoSimpleTableFixedHeader from '@/views/pages/tables/DemoSimpleTableFixedHeader.vue'
|
|
import DemoSimpleTableHeight from '@/views/pages/tables/DemoSimpleTableHeight.vue'
|
|
import DemoSimpleTableTheme from '@/views/pages/tables/DemoSimpleTableTheme.vue'
|
|
</script>
|
|
|
|
<template>
|
|
<VRow>
|
|
<VCol cols="12">
|
|
<VCard title="Basic">
|
|
<DemoSimpleTableBasics />
|
|
</VCard>
|
|
</VCol>
|
|
|
|
<VCol cols="12">
|
|
<VCard title="Theme">
|
|
<VCardText>
|
|
use <code>theme</code> prop to switch table to the dark theme.
|
|
</VCardText>
|
|
<DemoSimpleTableTheme />
|
|
</VCard>
|
|
</VCol>
|
|
|
|
<VCol cols="12">
|
|
<VCard title="Density">
|
|
<VCardText>
|
|
You can show a dense version of the table by using the <code>density</code> prop.
|
|
</VCardText>
|
|
<DemoSimpleTableDensity />
|
|
</VCard>
|
|
</VCol>
|
|
|
|
<VCol cols="12">
|
|
<VCard title="Height">
|
|
<VCardText>
|
|
You can set the height of the table by using the <code>height</code> prop.
|
|
</VCardText>
|
|
<DemoSimpleTableHeight />
|
|
</VCard>
|
|
</VCol>
|
|
|
|
<VCol cols="12">
|
|
<VCard title="Fixed Header">
|
|
<VCardText>
|
|
You can fix the header of table by using the <code>fixed-header</code> prop.
|
|
</VCardText>
|
|
<DemoSimpleTableFixedHeader />
|
|
</VCard>
|
|
</VCol>
|
|
</VRow>
|
|
</template>
|