StackOverFlow - https://stackoverflow.com/questions/50912815/ember-multi-sort-table

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  	data:function(){
      	return [{
                     "marks":90,
                     "totalmarks":100,
                     "percentage":90,
          					 "status":"pass"
                  },
                  {
                     "marks":80,
                     "totalmarks":100,
                     "percentage":80,
                     "status":"pass"
                  },
                  {
                     "marks":50,
                     "totalmarks":50,
                     "percentage":100,
                     "status":"pass"
                  },
                  {
                     "marks":30,
                     "totalmarks":40,
                     "percentage":75,
                     "status":"fail"
                  }];
    }.property(),
  	sortDefinition : [],
  	sortedData: Ember.computed.sort('data', 'sortDefinition'),
  	columns:function(){
      	return ["marks","totalmarks","percentage","status"];
    }.property(),
  actions:{
    	sortByColumn:function(columnname){
        	var sortdef = this.get("sortDefinition");
          if(sortdef.length)
          {
              sortdef = sortdef[0].split(":");
            	sortdef[1] = sortdef[0]==columnname ? sortdef[1]=="asc"?"desc":"asc":"asc";
            	sortdef[0] = columnname;
          }
					else
          {
              sortdef.push([columnname,"asc"].join(":"));
          }
        console.log(sortdef)
        	this.set("sortDefinition",[sortdef.join(":")]);
      }
  }
});

styles.app.css

body {
  margin: 12px 16px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12pt;
}

table, tr, th, td
{
  	border:1px solid #000;
}
th
{
  	cursor:pointer;
}

templates.application.hbs

<table>
		<tr>
				{{#each columns as |column|}}
						<th {{action "sortByColumn" column}}>{{column}}</th>
        {{/each}}
    </tr>
    		{{#each sortedData as |value|}}
						<tr><td>{{value.marks}}</td>
            <td>{{value.totalmarks}}</td>
            <td>{{value.percentage}}</td>
            <td>{{value.status}}</td></tr>
        {{/each}}
</table>

twiddle.json

{
  "version": "0.14.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
    "ember": "2.18.2",
    "ember-template-compiler": "2.18.2",
    "ember-testing": "2.18.2"
  },
  "addons": {
    "ember-data": "2.18.2"
  }
}