TelemedPro/hgh_admin
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Inshal
2024-05-29 22:34:28 +05:00
commit e63fc41a20
1470 changed files with 174828 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
resources/js/pages/tables/data-table.vue Normal file
View File

@@ -0,0 +1,106 @@
<script setup>
import * as demoCode from '@/views/demos/forms/tables/data-table/demoCodeDataTable'
</script>
<template>
<VRow>
<VCol cols="12">
<!-- 👉 Basic -->
<AppCardCode
title="Basic"
:code="demoCode.basic"
>
<DemoDataTableBasic />
</AppCardCode>
</VCol>
<VCol>
<!-- 👉 Dense -->
<AppCardCode
title="Dense"
:code="demoCode.dense"
>
<DemoDataTableDense />
</AppCardCode>
</VCol>
<!-- 👉 Table Cell Slot -->
<VCol cols="12">
<AppCardCode
title="Cell Slot"
:code="demoCode.cellSlot"
>
<DemoDataTableCellSlot />
</AppCardCode>
</VCol>
<!-- 👉 Table Row selection -->
<VCol cols="12">
<AppCardCode
title="Row Selection"
:code="demoCode.rowSelection"
>
<DemoDataTableRowSelection />
</AppCardCode>
</VCol>
<!-- 👉 Fixed Header -->
<VCol cols="12">
<AppCardCode
title="Fixed Header"
:code="demoCode.fixedHeader"
>
<DemoDataTableFixedHeader />
</AppCardCode>
</VCol>
<!-- 👉 Expandable rows -->
<VCol cols="12">
<AppCardCode
title="Expandable Rows"
:code="demoCode.expandableRows"
>
<DemoDataTableExpandableRows />
</AppCardCode>
</VCol>
<!-- 👉 Grouping Rows -->
<VCol cols="12">
<AppCardCode
title="Grouping Rows"
:code="demoCode.groupingRows"
>
<DemoDataTableGroupingRows />
</AppCardCode>
</VCol>
<!-- 👉 Row Editing via Dialog -->
<VCol cols="12">
<AppCardCode
title="Row Editing via Dialog"
:code="demoCode.rowEditingViaDialog"
>
<DemoDataTableRowEditingViaDialog />
</AppCardCode>
</VCol>
<!-- 👉 External Pagination -->
<VCol cols="12">
<AppCardCode
title="External Pagination"
:code="demoCode.externalPagination"
>
<DemoDataTableExternalPagination />
</AppCardCode>
</VCol>
<!-- 👉 Kitchen Sink -->
<VCol cols="12">
<AppCardCode
title="Kitchen Sink"
:code="demoCode.kitchenSink"
>
<DemoDataTableKitchenSink />
</AppCardCode>
</VCol>
</VRow>
</template>

64
resources/js/pages/tables/simple-table.vue Normal file
View File

@@ -0,0 +1,64 @@
<script setup>
import * as demoCode from '@/views/demos/forms/tables/simple-table/demoCodeSimpleTable'
</script>
<template>
<VRow>
<VCol cols="12">
<AppCardCode
title="Basic"
:code="demoCode.basic"
>
<DemoSimpleTableBasic />
</AppCardCode>
</VCol>
<VCol cols="12">
<AppCardCode
title="Theme"
:code="demoCode.theme"
>
<p>
use <code>theme</code> prop to switch table to the dark theme.
</p>
<DemoSimpleTableTheme />
</AppCardCode>
</VCol>
<VCol cols="12">
<AppCardCode
title="Density"
:code="demoCode.density"
>
<p>
You can show a dense version of the table by using the <code>density</code> prop.
</p>
<DemoSimpleTableDensity />
</AppCardCode>
</VCol>
<VCol cols="12">
<AppCardCode
title="Height"
:code="demoCode.height"
>
<p>
You can set the height of the table by using the <code>height</code> prop.
</p>
<DemoSimpleTableHeight />
</AppCardCode>
</VCol>
<VCol cols="12">
<AppCardCode
title="Fixed Header"
:code="demoCode.fixedHeader"
>
<p>
You can fix the header of table by using the <code>fixed-header</code> prop.
</p>
<DemoSimpleTableFixedHeader />
</AppCardCode>
</VCol>
</VRow>
</template>