Found a solution:

• use a different variable for QTable data
• implement a “watch” on the result variable of apollo-client
• reset QTable data variable with an empty array
• iterate with forEach over the result variable of apollo-client in the watch function and push each item inside “value” to it’s counterpart in the QTable data variable

watch: {
  books () {
    this.tableData = []
    this.books.forEach((value) => {
      this.tableData.push({ id: value.id, author: value.author, title: value.title })
    })
  }
}

Is there a better solution?

Great job!

@Hawkeye64 : Great job, works fine again.

@jarvilito
See https://forum.quasar-framework.org/topic/4723/quasar-v1-4-4-released

feat+perf(QTable): Skip adding __index to each row (#5608) (might be considered a breaking change if you relied on this undocumented prop; use dataTable.indexOf(rowObject) instead)

@jarvilito

Here is an example from my code.
I changed this.tableData[this.selected[0].__index] to this.tableData[this.tableData.indexOf(this.selected[0])]

Maybe this will help you?

Looks realy great - good job!

Great job!

Happy Birthday! Great job.

@s-molinari - I’m using @quasar/quasar-app-extension-graphql": "^1.0.0-alpha.1. After your reply I have a look at the extension on https://libraries.io/npm/@m8a%2Fquasar-app-extension-graphql and it seems that app-extension-apollo is the replacement.
Is this true? If so, can you explain the differences?

@wolfiton
I’m using the extension with postgraphile (PostgreSQL + GraphQL) in SPA since 9 months. No problems.

@felice
Just try this:

this.tableData.forEach((item) => {
  console.log('name: ', item.name)
  console.log('frequency: ', item.frequency)
  console.log('prescription: ', item.prescription)
}

Found the same statement: Do not use it.

@Hawkeye64 Good idea, keep it simple.

@qyloxe
Thank you, looks great.

I want to build a news ticker for our public displays showing breaking news. A message should slide from right to left as known from news TV. Are there any code examples available?