Re-order list based on value

@dipankar123 wrote:

hi guys need a help,
i have created list based on

<div style="text-align:center; color:rgb(0, 153, 255)" padding>
        <div style="width: 20%; float: left">Student ID</div>  <!-- re-order ascending/ descending-->
        <div style="width: 60%; float: left"> Name </div>      <!-- re-order by a-z/ z-a-->
        <div style="width: 20%; float: left">Present %</div>   <!-- re-order by high-low/ low to high-->
      </div>
  </div>

now i want to re-order it based on:
1. id on clicking Student ID div (ascending or descending)
2. Name on clicking Name div (a-z or z-a)
3. Present % on clicking on Present % div (low to high or high to low)

any idea how to do that
here is my code:

  classAgregateList() {
    console.log('subject clicked');
    this.storage.get('token').then((value) => {
      console.log('subtoken: ' + JSON.parse(value).AuthToken);
      this.teacherProvider.GetStudentWiseClassAggregateList(JSON.parse(value).AuthToken, this.subjectId.toString()).then(data => {
        console.log('list2: ' + JSON.stringify(data))
        this.attendenceList = data; // <--list data
      });
    });
  }

Posts: 1

Participants: 1

Read full topic