Question

我正在使用Angular js UI网格表。

尽管如此，即使在应用后，我看不到所有显示完美的特定列的文本框过滤器！

我的代码：

$scope.gridOptions = {

        enableRowSelection: true,
        enableRowHeaderSelection: false,
        enableColumnMenus: false,
        showGridFooter: false,
        paginationPageSizes: [10, 20, 30],
        paginationPageSize: 10,
        paginationOptions: $scope.pagingOptions,
        useExternalPagination: false,
        multiSelect: false,
        enableSorting: true,
        enableFiltering: true,
        modifierKeysToMultiSelect: false,
        noUnselect: false,
        enableVerticalScrollbar: true,
        enableHorizontalScrollbar: true,

    columnDefs: [
     {
                field: 'name',
                displayName: 'UserName',
                width: 150,
                cellTooltip: true,
                CellTemplate: '<div class="GridRow">{{row.name}}</div>',
                headerCellTemplate: '<div style="margin: 22px 0px 0px 0px;" ><span class="ui-grid-cell-contents GridHead">Last Run By</span></div>',
                cellClass:'tooltipclass',
                enableCellEdit: true,
                enableFiltering: true

            },
]}

添加了启用过滤，但仍然没有显示文本框过滤器，也没有发出任何警告或错误。

如果我在这里遗失了什么，任何人都有任何意见吗？

非常感谢

Answer 1

用于过滤的文本框不可见，因为您要为该列提供headerCellTemplate。见这里：Angular UI Grid - Custom Header Template and Filtering。另一种解决方案是将来自ui-grid的预定义headerCell模板复制到您的代码中，并根据您的要求进行修改。

Angular UI Grid列过滤器无法正常工作

1 个答案: