Question

我使用kendo网格显示数据，[filterable] =“true”显示过滤器的网页，但我想隐藏过滤器图标按钮。我试过css但它没有用。你可以帮我解决这个问题吗。我尝试了以下代码，但没有工作。

<kendo-grid [data]="gridData" [filterable]="true",    [filterable.extra]="false"><kendo-grid> <kendo-grid [data]="gridData"    [filterable]="true", [filterable.cell.enabled]="false"><kendo-grid>

css：

span.k-widget.k-dropdown.k-header.k-dropdown-operator {
    display: none;
}

我是kendo-grid，angular2 / 5和打字稿的新手，请你帮忙。

Answer 1

根据这个问题的评论，我的理解是，OP希望过滤器上的图标消失。如果是这样，试试这个。我刚试过它。应该适用于过滤器（不清除过滤器图标）

span.k-i-filter.k-icon {
  display: none;
}

Answer 2

<kendo-grid-column field="ProductName" title="Product Name">
    <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
      <kendo-grid-string-filter-cell
        [showOperators]="false"
        [column]="column"
        [filter]="filter">
      </kendo-grid-string-filter-cell>
    </ng-template>
</kendo-grid-column>

使用此代码示例，您可以隐藏过滤器图标。 100% 工作。

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/built-in-template/#toc-hiding-row-filter-operators

（在 - Hiding Row Filter Operators 下搜索）

如何在角度2中禁用kendo网格过滤器图标？

2 个答案: