uigrid从下拉过滤器

时间:2018-06-03 07:17:50

标签: angularjs angular-ui-grid angularjs-filter

这是我的ui-grid的截图。

enter image description here

这是创建该过滤器的代码。

{ field: 'channel_type', displayName: "Type", filter: {
                                        type: uiGridConstants.filter.SELECT,
                                        selectOptions: [
                                            { value: 'HD', label: 'HD' },
                                            { value: 'SD', label: 'SD' }
                                        ]
                                    }},
            { field: 'price', displayName: "Price", enableFiltering: false, enableSorting: false},


我的数据从rest api call加载到uigrid中。

我真的无法从添加空白选项的地方弄明白。我还没有找到解决这个问题的方法。请帮我解决这个问题。

1 个答案:

答案 0 :(得分:1)

这是一个已知问题,请参阅ui-grid issues

解决方案(解决方法)是添加一些自定义样式:

#grid1 div div select option:first-child[value=""] {
   display: none;
}

Demo Plunker