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
    });
  }

Код здесь.

Answer 1

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

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