How to sort the finished table?

Question

JavaScript

Good afternoon!
There is a ready table .
You need to sort its fields depending on age, that is, the greater the age, the lower the line and vice versa.
But the problem is that there is a field to add, that is, after adding a new field, everything should also be sorted.

Question. How to implement it? Are there paid or free plugins?

Answer 1

Change the loop to v-for="(person, index) in sortedPersonsand add computeda section

computed: {
  sortedPersons: function () {
    return [...this.persons].sort((a, b) => a.age - b.age);
  }
}