There is no way to define a column for default sorting about vue-materialize-datatable HOT 8 CLOSED

@MicroDroid I have tried, but when the tables render there are always some rows out of order.
In my case the first one will always be the row with id 57, but when i click to sort by id everyting fixes up....

I also noticed that the demo image in the documentation has the same error (first one is id 26)

from vue-materialize-datatable.

This should be a good place for improvement.

For now, try ordering the dataset outside the plugin on initial render

from vue-materialize-datatable.

@rodrigoAbril I understand that your question was asked nearly 2 years ago, but here is temporary solution:
in DataTable.vue find sortColumn data and change it to the column number you want your component to be sorted by on init.
@MicroDroid can we implement some new prop (:initSort=1/2/3/etc for example), which will change initial sorting?

from vue-materialize-datatable.

:) seems like a good solution

from vue-materialize-datatable.

@justice47 I'd rather find a better way since this is a controlled component and I'd rather not use local state with a prop like that.

from vue-materialize-datatable.

@MicroDroid ok, if you will find a better way just post your thoughts about it, I can try to help you with that!

from vue-materialize-datatable.

@MicroDroid maybe this approach will suit all needs:
Lets stay with sortColumn in data and change it only once, when component is mounted.
Example:
props

props: {
 ...,
 initSortCol: {default: 0}
}

data

data: () => ({
 ...,
 sortColumn: 0,
}

mounted hook

mounted: function() {
 ...
 this.sortColumn = this.initSortCol
}

and then in component call

<datatable
 ...
 :initSortCol="2"
>

from vue-materialize-datatable.

Closed in #42

from vue-materialize-datatable.