@litable/vue3

Vue 3 wrapper for LiTable.

Install

npm install @litable/vue3 @litable/core

Usage

<template>
  <LiTable
    :data="rows"
    :columns="columns"
    :pagination="{ enabled: true, pageSize: 20 }"
    sorting
    filtering
  />
</template>

<script setup lang="ts">
import LiTable from '@litable/vue3';
const rows = ref([...]);
const columns = [{ field: 'name', title: 'Name', sortable: true }];
</script>

Props

All LiTableOptions fields are accepted as props via defineProps<LiTableOptions>(). A deep watch on props triggers .update() on change.

TypeScript

import type { LiTableOptions, ColumnDef } from '@litable/vue3';