wra-data-table

[pawlowski-d]

Replace vuetify data-table with own, preferably an easy slot-in replacement with no changes to existing codebase.

Needs:

• Search prop
• Sortable headers
• items-per-page prop
• sort-by prop [{ key: 'submittedDate', order: 'desc' }]
• loading prop
• Headers array with following structure:

{
          title: "",
          key: "weight",
          align: "end", 'start' | 'end' | 'center' | undefined
          width: 200,
          sortable: false
 },

• Slots for individual item columns, e.g. <template v-slot:item.utrn="{ value }">
• Slots to replace the rendering of a rows e.g. <template v-slot:item="{ item }">
• In slots, value, item and items should be available to parent
• Slots for whole body of table, e.g. <template v-slot:body="{ items }">
• Slots for headers of table, e.g. <template v-slot:headers></template>
• Pagination
• @ click:row="function" ability
• Row background colour change on hover
• CSS styling