使用 Angular ui 网格缺少分页下拉图标

Question

我正在使用 Angular ui-grid 开发一个带有分页的 table。但不知何故，我在分页下拉列表中遗漏了下拉箭头，如下图所示。

当我点击它时，它像下拉菜单一样打开，但我需要向下箭头来指示它是一个下拉菜单。

我正在使用以下 css 个库

<link rel="stylesheet" ng-href="libs/bootstrap/3.3.6/css/paper.bootstrap.min.css">
<link rel="stylesheet" type="text/css" title="Style" href="libs/angular/ui-grid/3.0.7/ui-grid.min.css">

我将 gridOptions 配置如下

paginationPageSizes: [10, 20, 50],
paginationPageSize: 10,
data: 'historyData',
enableCellSelection: true,
enableFiltering: true,
enableHorizontalScrollbar: 1,
treeRowHeaderAlwaysVisible: false,
showTreeRowHeader: true,
enableGridMenu: true,
exporterMenuCsv: false,
exporterMenuPdf: false,

下面是我的html代码

<div class="container">

<div id="gridDiv" 
    style="-webkit-animation: slideInRight 0.3s; -moz-animation: slideInRight 0.3s; animation: slideInRight 0.3s;">
    <div id="historyGrid" ui-grid="gridOptions" ui-grid-edit
        ui-grid-cellnav ui-grid-move-columns ui-grid-resize-columns
        ui-grid-save-state ui-grid-pagination ui-grid-pinning
        ui-grid-grouping ui-grid-exporter class="grid"></div>
    <div class="watermark" ng-show="!historyData.length">No upload
        history available</div>
    <div>
        <p>
            <img ng-src="{{contextRoot+'pics/addScanIcon.svg'}}"
                alt="addScanIcon"
                style="width: 25px; height: 25px; cursor: pointer" /> <span>
                Click the icon for a specific policy to upload additional documents
                to policy.</span>
        </p>
    </div>
</div>

Answer 1

当我在下面添加时它正在工作 css

.ui-grid-pager-row-count-picker select {
    -webkit-appearance: menulist;
}

或者只添加背景箭头图像

.ui-grid-pager-row-count-picker select {    
    background-image: url("../pics/select_arrow.png");
}

使用 Angular ui 网格缺少分页下拉图标

Missing pagination dropdown icon using Angular ui grid

pagination

angularjs

angular-ui-grid