Table: Dont show error for missing nested keys

[MickL]

Description

I have data with optional nested objects:

const data = [
  {
    name: 'Max',
    profile: {
       age: 12,
    }
  },
  {
    name: 'John',
  },
]

Which I display in a table:

const tableColumns = [
  {
    key: 'name',
    label: 'Name',
  },
  {
    key: 'profile.age',
    label: 'Age',
  },
];

Now the second row shows an error in the age column:

Failed to get cell value

Which is correct, but instead I would like to display nothing or a "-"

Additional context

No response

[MickL]

@benjamincanac Wouldnt it make sense to be able to customize the output? :)

[benjamincanac]

You can already customize it by using the slot, you get passed the getRowData where you can pass a defaultValue: https://github.com/nuxt/ui/blob/dev/src/runtime/components/data/Table.vue#L58