ngTable - определить пользовательский порядок сортировки

Question

Я использую ngTable для отображения некоторых данных, и мне нужен начальный способ сортировки, чтобы отобразить его при загрузке страницы. Существует обычная опция для сортировки, например sorting: {color: "asc"}, это отсортирует столбец color в алфавитном порядке. Предполагая, что это моя таблица данных:

var x = [ 
    {name: "allen", age: 33, color:"green"}, 
    {name: "jon", age: 23, color:"blonde"}, 
    {name: "silver", age: 54, color:"yellow"}, 
    {name: "james", age: 52, color:"grey"}, 
    {name: "flint", age: 25, color:"pink"}, 
    {name: "billy", age: 31, color:"blonde"}, 
    {name: "bones", age: 47, color:"grey"}, 
    {name: "michael", age: 35, color:"green"}, 
    {name: "jackson", age: 234, color:"yellow"}, 
    {name: "leonardo", age: 12, color:"brown"}, 
    {name: "dicaprio", age: 73, color:"pink"}, 
    {name: "sylvester", age: 35, color:"blonde"} 
]; 

Как я могу установить начальный порядок сортировки color колонки пользовательского порядка, например, сначала все green, то все pink тогда все yellow и последний grey. Это мой код до сих пор:

function demoController(NgTableParams, simpleList) { 
     var names = [ 
     {name: "allen", age: 33, color:"green"}, 
     {name: "jon", age: 23, color:"blonde"}, 
     {name: "silver", age: 54, color:"yellow"}, 
     {name: "james", age: 52, color:"grey"}, 
     {name: "flint", age: 25, color:"pink"}, 
     {name: "billy", age: 31, color:"blonde"}, 
     {name: "bones", age: 47, color:"grey"}, 
     {name: "michael", age: 35, color:"green"}, 
     {name: "jackson", age: 234, color:"yellow"}, 
     {name: "leonardo", age: 12, color:"brown"}, 
     {name: "dicaprio", age: 73, color:"pink"}, 
     {name: "sylvester", age: 35, color:"blonde"} 
    ]; 
    this.tableParams = new NgTableParams({ 
     // initial sort order 
     sorting: { color: ["green","pink","yellow","grey"] } 
    }, { 
     dataset: names 
    }); 
    } 

Code is here.

Answer 1

Вы добавили атрибут сортировки в директиву?

<td title="'Name'" filter="{ name: 'text'}" sortable="'name'">