WtTreeTable

Specs

Tree Table

objects.name	objects.code	objects.description
Patch test	00-1214	description
upd	0000-111	cat
another service 5	000-1111	another description

Code

<template>
  <wt-tree-table
    :headers="dataHeaders"
    :data="services"
    children-prop="service"
    selectable
    sortable
  />
</template>

<script setup>
import { ref } from 'vue';

import service from './service.json';

const services = ref([...service.items]);

const dataHeaders = ref([
  {
    value: 'name',
    locale: 'objects.name',
    width: '320px',
    field: 'name',
    sort: 'asc',
  },
  {
    value: 'code',
    locale: 'objects.code',
    width: '160px',
    field: 'code',
    sort: null,
  },
  {
    value: 'description',
    locale: 'objects.description',
    width: '320px',
    field: 'presence',
    sort: null,
  },
]);
</script>