DataTable

DataTable component.

Installation

npm

npm i @morpheme/table

yarn

yarn add @morpheme/table

pnpm

pnpm add @morpheme/table

Usage

<script setup lang="ts">
import VDataTable from '@morpheme/table';
import '@morpheme/table/dist/style.css';

const states = ['active', 'inactive'];

const items = [...Array(30)].map((_, index) => ({
  index,
  name: `User-${index}`,
  email: `user-${index}@example.com`,
  age: index + 1 * 10,
  state: states[Math.floor(Math.random() * states.length)],
}));

const headers = [
  {
    value: 'index',
    text: 'No.',
  },
  {
    value: 'name',
    text: 'Name',
  },
  {
    value: 'email',
    text: 'Email',
  },
];
</script>

<template>
  <VDataTable :items="items" :headers="headers" />
</template>

Documentation

View full documentation here.

License

MIT