Добавить Dropdown в ячейку таблицы

ui-grid

У меня задача вставить Dropdown в ячейку таблицы и в шапку таблицы (фильтр)

1. в шапку добавил, все ОК, работает - данные фильтрует (https://redminemini2.github.io/public/) ( файл - https://github.com/redminemini2/redminemini2.github.io/blob/master/frontend/assets/home/home.controller.js )

2. но вот в ячейку таблицы - БЯДА - не получается, хотя есть образцы кода с Dropdown в ячейку (http://embed.plnkr.co/0iY5Qn/)

2.1. Пример почти аналогичен моему, только мне нужно исходные цифры заменить словами (сделать это циклом ..... пока не хочется), а в примере вместо одного слова другое - gender: "male" / 'Female'

3. для чего - cellFilter: 'mapGender', Он необходим? Какая его роль?

3.1. если он необходим как его добавить (когда синтаксис контролла выглядит так)? я несколько вариантов попробовал - ошибки

angular
        .module('app')
        .controller('HomeController', HomeController);
HomeController.$inject = ['UserService', 'JsonService', 'uiGridConstants','$rootScope', '$timeout'];
function HomeController(UserService, JsonService, uiGridConstants, $rootScope, $timeout) {
    var vm = this;

4. В чем суть вставки Dropdown? какая последовательность? что здесь главное?

         vm.gridOptions.columnDefs[j].name = "id_list";
         vm.gridOptions.columnDefs[j].editDropdownValueLabel = "id_list";
         // vm.gridOptions.columnDefs[j].cellFilter = 'mapGender'
         vm.gridOptions.columnDefs[j].editableCellTemplate = "ui-grid/dropdownEditor";
         vm.gridOptions.columnDefs[j].editDropdownOptionsArray = vm.arrlist;
       vm.arrlist = [
           { id: 1, id_list: "Ожидает" }, 
           { id: 2, id_list: "В работе" }, 
           { id: 3, id_list: "Выполнено"}
       ];