2

我正在使用剑道网格来显示数据，[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 和 typescript 的新手，你能帮帮我吗？

4

3 回答 3

0

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

span.k-i-filter.k-icon {
  display: none;
}
于 2018-05-18T17:06:40.357 回答
0 
<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

（在 - 隐藏行过滤器运算符下搜索）

于 2021-03-03T03:36:40.473 回答
0

您可以使用 [showOperators]="false"。这将删除剑道过滤器图标。

于 2022-02-03T07:07:17.540 回答