How can I access to data from nested object? about vue-data-table

[uwla]

Hi! Thanks for the question.

The solution is pretty straightforward actually. Try this:

computed: {
  // make data compatible with the plugin's interface
  computedBooks() {
    return this.books.map(book => {
      const { name, age, email } = book.authors;
      book.authorName = name;
      book.authorAge = age;
      book.authorEmail = email;
      return book;
    });
  },
  parameters() {
    return {
      data: this.computedBooks,
      lang: "es",
      // action mode is supported only in old versions
      // you should try to use custom components instead
      /* actionMode: "single" */
      columns: [
        {
          key: "name",
          title: "Book",
        },
        {
          key: "authorName",
          title: "Author",
        },
        {
          key: "editorial",
          title: "Editorial",
          sortable: false,
        },
      ],
    };
  },
}