@screaming/tables
Introduction
@screaming/tables provides two Vue 3 components, <Table /> and <MiniTable />, which facilitate creating tables with ranking, sorting, and filtering functionality.
Installation
TIP
@screaming/tables comes pre-installed in all @screaming/froggo projects.
Install with your favourite package manager:
sh
# yarn
yarn add @screaming/tables
# pnpm
pnpm add @screaming/tables
# npm
npm install @screaming/tables
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
Import as required:
vue
<!-- script setup (recommended) -->
<script setup lang="ts">
import { Table, MiniTable } from '@screaming/tables'
</script>
<template>
<Table ... />
<MiniTable ... />
</template>
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
vue
<!-- using defineComponent (old school vue) -->
<script lang="ts">
import { defineComponent } from 'vue'
import { Table, MiniTable } from '@screaming/tables'
export default defineComponent({
components: { Table, MiniTable }
})
</script>
<template>
<Table ... />
<MiniTable ... />
</template>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14