React table - добавить кнопку фильтра для фильтрации строк таблицы

Question

Мне нужно добавить кнопку фильтра, которая будет иметь все имена столбцов в раскрывающемся списке. После добавления определенного значения в имя столбца необходимо обновить таблицу соответствующим образом.

Я не уверен, существует ли уже какой-либо 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 = [];

Примерно так: