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

Question

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

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

在此输入图像描述

谢谢 - 罗南。

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中检查过滤器部分