<template>
    <b-table
        :items="items"
        :fields="formFields"
        v-model:sort-by="sortBy"
        v-model:sort-desc="sortDesc">
    >
      <template v-slot:cell(name)="data">
        <span :class="`name_${data.index}`">{{ data.value }}</span>
      </template>
    </b-table>
</template>

<script>

export default {
  data(){
    return {
      sortBy: 'name',
      sortDesc: false,
      formFields: [
        {key: "name", sortable: true, label: "Name"},
        {key: "status", sortable: true, label: "Status"},
      ],
      items: [
        { name: "Jack", status: "Used" },
        {name: "Frank", status: "Unused"},
        {name: "Larry", status: "Used" },
      ],
    }
  },
}
</script>