css - React Kendo Grid:删除重复的过滤器
问题描述
我们有一个简单的只读 React 网格,每一列都有标准的 Kendo 过滤器。虽然我们不想要重复的过滤器。
网格代码
sortable
pageable={this.state.pageable}
data={this.state.queuedData}
sort={this.state.sort}
filter={this.state.filter}
onFilterChange={this.handleFilterChange}
onSortChange={this.handleSortChange}
onPageChange={this.handlePageChange}
total={this.state.total}
skip={this.state.skip}
pageSize={this.state.pageSize}
resizable>
<GridColumn field="entity" title="Entity" sortable={true} columnMenu = {ColumnMenu}/>
<GridColumn field="name" title="Name" sortable={true} columnMenu = {ColumnMenu}/>
<GridColumn filter="date" field="changedDate" title="Change Date" sortable={true}
columnMenu = {ColumnMenu}
cell={this.CustomCell}/>
ColumnMenu 组件代码
import React from 'react';
import {
GridColumnMenuFilter
} from '@progress/kendo-react-grid';
export class ColumnMenu extends React.Component {
render() {
return (
<div>
<GridColumnMenuFilter {...this.props} expanded={true}/>
</div>
);
}
}
结果是这样的:
但我们想要这样的东西:
请建议如何可能
解决方案
<GridColumnMenuFilter {...this.props} hideSecondFilter 展开={true}/>
推荐阅读
- android - Kotlin 反射与协程
- javascript - 如何在反应钩子中创建一个新的 JSON 对象?
- .net - 来自桌面应用程序的 .NET C# 在线数据库
- python - 我有一个关于在 python 中打印文件的问题
- laravel - 如何从 Laravel 中的 .env 文件访问存储文件
- arrays - 汇编语言中的数组冒泡排序
- react-native - 是否可以在不使焦点组件丢失的情况下关闭键盘?
- python - Pytorch CrossEntropyLoss 张量流等效
- java - 如果其中一个值相同,如何按字母顺序对数组列表进行排序(Java)
- vb.net - 在 PowerPoint VB 中选择一个 TextRange