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?

Is there a way to set proper lexical order in q-table for UTF-8 strings with mutated vowels using props or do I need to set an explicit method for sorting? If so, is a reviewed solution available?

Quick and cool implementation. Even better as hoped for after reading the survey results. Great job, keep it up!

@dobbel, @beets Thank you for your replies. In my case

sort: (a, b) => a.localeCompare(b, 'de')

is the solution.

@dobbel Data is fetched via GraphQL, column name is name. In my case QTable and QSelect using the same data source. For QTable sorting is set by pagination: { sortBy: 'name', descending: false }. Here is the result for QTable:

Here is the proper result for QSelect:

Is there a way to set proper lexical order in q-table for UTF-8 strings with mutated vowels using props or do I need to set an explicit method for sorting? If so, is a reviewed solution available?

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)
}