# VTable

Takes a list of objects and a list of table headers and created an HTML table with sorting and pagination built in.

This component is still in active development. Give a go, and please consider logging issues or feature requests on GitHub.

# Installation

Globally:

// main.js
import Vue from "vue"
import { VTable } from "vuetensils"

Vue.component("VTable", VTable)

Locally:

<script>
// SomeComponent.vue
import { VTable } from "vuetensils"

export default {
  components: {
    VTable,
  },
  // ...
}
</script>

# Styled Example

<template>
  <VTable class="styled" :headers="headers" :items="people"></VTable>
</template>

<script>
export default {
  data: () => ({
    headers: [
      { key: "name" },
      { key: "age" },
      { key: "gender", sortable: false },
    ],
    people: [
      { name: "Mary", age: 33, gender: "female" },
      { name: "Bob", age: 56, gender: "male" },
      { name: "Ivana", age: 12, gender: "female" },
      { name: "Jeremy", age: 8, gender: "male" },
      { name: "Cassie", age: 45, gender: "female" },
    ],
  }),
}
</script>
Last Updated: 1/24/2020, 2:50:56 AM