设置角度 ui 网格下拉列表宽度

Question

我有一个使用分页的 ui 网格。 paginationSizes : [25, 50, 75,100] 在 ui-grid 下拉列表中选择 100 时，100 不会完全显示。 如何使用 CSS 更改显示的下拉列表的宽度。 谢谢 ：） 这是目前我的网格选项：

`$scope.gridOptions = { 
                    enableFiltering: true,
                    enablePaging: true,
                    enableRowSelection: true,
                    multiSelect: false,
                    paginationPageSizes: [25, 50, 100],
                    paginationPageSize: 10

                };`

Screenshot of my ui-grid dropdownlist

Answer 1

在您的自定义 css 文件中设置以下 CSS 样式属性

.ui-grid-pager-row-count-picker select 
{ 
  width: 100px !important; 
}