reactjs - React table - 添加过滤器按钮以过滤表行
问题描述
我需要添加一个过滤器按钮,该按钮将在下拉列表中包含所有列名。在列名中添加特定值后,应相应地更新表。
我不确定是否已经有任何 API 以及如何使用它。
<DropdownButton
label="Filter">
</DropdownButton>
<div className="row">
<Table structure={this.tableData}
dataSet={this.list}
sortBy={this.sortBy}
order={this.order}
hasSelectionColumn={this.hasSelectionColumn}
enableSelectAll={this.enableSelectAll}
ref={(c) => { this.tableWrapper = c; }} height={500} >
</Table>
</div>
tableData = [
{
id: 'name',
label: 'Name'
},
{
id: 'ip',
label: 'Address'
},
{
id: 'type',
label: 'Type'
},
{
id: 'family',
label: 'Family'
},
{
id: 'softwareversion',
label: 'Version'
}
];
sortBy = 'name';
order = 'asc';
hasSelectionColumn = true;
enableSelectAll = true;
list = [];
像这样的东西:
解决方案
推荐阅读
- angular - 我的 node_modules 文件夹是灰色的,我该如何纠正?
- blazor - Blazor Server:仅在某些页面上加载 js 脚本,而不是在所有页面上
- xamarin.forms - 即使在使用 xamarin.forms 杀死我的应用程序后也需要发送本地通知
- javascript - 是否存在没有关联 storageSize 属性的“项目”类型?
- sql - SQL - 查询以在具有某些条件的层次结构中标识父 ID
- python - 使用 django 运行 sphinx:导入错误(autodoc:导入模块失败)
- unity3d - 相机旋转时 Oculus Quest 崩溃
- google-bigquery - 如何在 BigQuery 中处理大维度
- mysql - 优化mysql数据库
- node.js - 处理 QLDB 会话的正确方法