# Feathers DataTable

Vuetify 2 data table that implements FeathersJS pagination

## Prerequisites

    npm install --save moment

## Installation

    npm install --save feathers-data-table

## Usage

This component can be used directly by importing and registering as a component.

    <template>
        <feathers-data-table service="users" :headers="headers"/>
    </template>
    <script>
    import { FeathersDataTable } from 'feathers-data-table';
    export default {
        name: 'app',
        components: {
            FeathersDataTable,
        },
        data() {
            return {
                headers: [
                  {text: 'Nombre', value: "name"},
                  {text: 'Email', value: "email"},
                ]
            };
        },
    };
    </script>

## Props

These are the available props of `FeathersDataTable`.

| Prop | Required | Type | Description |
| ---- | ---- | ---- | --- |
| `service` | Yes | String | The name of the feathersJS service |
| `headers` | Yes | List of `header` | This object defines the columns to be shown in the datatable |
| - `header.text` | Yes | String | Name of the column displayed in the table |
| - `header.value` | Yes | String | Name of the attribute of the model of feathers response to be mapped to the column  |
| - `header.sortable` | No | Boolean | Whether the column is sortable. If set to `true` the feathers service must support `$sort` in the query. Default: `true`  |
| - `header.labelMap` | No | Object: String -> String | Object to transform values of the response to texts  |
| - `header.classMap` | No | Object: String -> String | Object to apply css classes to cells based on values of response  |
| - `header.customslot` | No | Boolean | Whether to use a custom slot for the column. If set to `true` the property `header.itemslot` must be set. Default: `false`  |
| - `header.itemslot` | No | String | Name of the custom slot for the column when customslot is set to `true`  |
| `query` | No | Object | Feathers query object to merge with the internal query object for pagination  |
| `after-fetch` | No | Function | Fucntion to transform the feathers response. The function should return the transformed data.  |
| `sort-by` | No | String | Initial column to sort by.  |