@modeltables/fontawesome-vuetify

#Install

pnpm add @modeltables/fontawesome-vuetify

#Quick start

1. Create Header and DataItem Model

export const header: HeaderModel[] = [
  {
    title: 'Name'
  },
  { 
    title: 'Description'
  }
];

export class ExampleModel {
  Id: number = 0; 
  Name?: string;
  Description?: string;
}

2. Import table component

<Table 
  v-if="dataItems.length"
  :options="{
    Key: 'Id',
    Active: true,
    ShowKey: false
  }"
  :dataheader="dataheader" 
  :showFilters="true"
  :loading="loading"  
  :dataItems="dataItems"
  :crud="false"
  @load="load($event)"
  @search="search($event)"
  @rowClick="rowClick($event)">

Documentation

Options data input key are required with optional attributes.

The table shows your data and lets you manage it easily. It has built-in load and search events for quick requests and updates.

Loading spinner appears while items and pagination changes.

Data items are organized in selections with two main events itemSelection and multiSelection to easy control your items.

Using showFilters are essential with rowClick event when paginationModel mode is on for quick data changes.

CRUD features like add, edit, or delete are ready to use.

License MIT