UIGrid (Angular JS) - с выпадающим списком в колонке заголовка таблицы

Question

Я использую Angular 1.5 и использую сетку пользовательского интерфейса. Мне было интересно, есть ли способ разместить раскрывающийся список (т. Е. Выбрать) в столбце заголовка? Я знаю, что вы можете сделать это в ячейках «данных»/строках таблицы, но не знаете, можно ли это сделать в заголовке заголовка?

См. Ссылку ниже, чтобы увидеть, что я имею в виду. Я хочу, чтобы поместить выпадающий список в заголовке столбца под названием «Значение»

enter image description here

Спасибо - Ронан.

Answer 1

Вы можете указать фильтр с помощью selectOptions для отображения выпадающего списка в заголовке.

Пример:

columnDefs: [{ 
       name: 'id', field: 'id' 
      }, 
      { 
       name: 'value', field: 'value', 
       filter: { 
         type: uiGridConstants.filter.SELECT, 
         selectOptions: [{ value: '1', label: 'One' }, 
             { value: '2', label: 'Two' }] 
         } 
      }] 

Для получения более подробной информации проверить фильтр раздел в этой ссылке UI Grid ColumnDef - Filters