UIGrid（Angular JS） - 在表头列中有一个下拉列表

Question

我正在使用Angular 1.5并且正在使用UI Grid。我想知道有没有办法在标题栏中放置一个下拉列表（即选择）？我知道你可以在表的“数据”单元格/行中进行，但不确定是否可以在标题标题中完成它？

请参阅下面的图片链接，了解我的意思。我想将下拉列表放入名为“Value”

的列标题中

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

中的过滤器部分