select Filter (multi columns)
See original GitHub issueso for the simple select Filter example
import BootstrapTable from 'react-bootstrap-table-next';
import filterFactory, { selectFilter } from 'react-bootstrap-table2-filter';
const selectOptions = {
0: 'good',
1: 'Bad',
2: 'unknown'
};
const columns = [{
dataField: 'id',
text: 'Product ID'
}, {
dataField: 'name',
text: 'Product Name'
}, {
dataField: 'quality',
text: 'Product Quailty',
formatter: cell => selectOptions[cell],
filter: selectFilter({
options: selectOptions
})
}];
<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ filterFactory() } />
Here we can select ‘good’, ‘bad’, or ‘unknown’. However, is there a way that I could multi select among them? e.g. ‘good’ + ‘bad’ without ‘unknown’ Is this currently supported ?
Thank you
Issue Analytics
- State:
- Created 6 years ago
- Comments:7 (3 by maintainers)
Top Results From Across the Web
How to Filter Multiple Columns in Excel (With Example)
The easiest way to filter multiple columns in Excel is to use the Advanced Filter function. The following examples show how to use...
Read more >How to Filter Multiple Columns Simultaneously in Excel (4 Ways)
First of all, select the header of the data table by selecting cells B4:F4 to apply the filter option. · Then, go to...
Read more >Filter by using advanced criteria - Microsoft Support
Multiple criteria, multiple columns, any criteria true ... On the Data tab, in the Sort & Filter group, click Advanced. ... Do one...
Read more >How to Filter Multiple Columns in Excel? 3 Easy Ways!
Below are the steps to filter based on multiple columns in Excel: Select the column heading in the dataset. Select the column headers....
Read more >Apply Multiple Filters to Columns in Excel & Google Sheets
To display filter buttons in the column headings, select any cell in the data range (e.g., B2:G16), and in the Ribbon ; Click...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Hello check https://react-bootstrap-table.github.io/react-bootstrap-table2/docs/basic-filter.html#multiselect-filter
and https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html?selectedKind=Column Filter&selectedStory=MultiSelect Filter&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel is an example.
@c-aursu @mkolenski @AmitKKhanchandani
NOTES
After
react-bootstrap-table-next@0.1.14
andreact-bootstrap-table2-filter@0.3.0
, we support the custom filter. However, multi select filter still pending, I will implement it in the future