We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
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 "-"
No response
The text was updated successfully, but these errors were encountered:
00d0fd5
@benjamincanac Wouldnt it make sense to be able to customize the output? :)
Sorry, something went wrong.
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
getRowData
defaultValue
No branches or pull requests
Description
I have data with optional nested objects:
Which I display in a table:
Now the second row shows an error in the age column:
Which is correct, but instead I would like to display nothing or a "-"
Additional context
No response
The text was updated successfully, but these errors were encountered: