React-bootstrap-table2: select Filter (multi columns)

[Johnny-jober]

so 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

[AllenFang]

@Johnny-jober it's good ask even in the legacy react-bootstrap-table, I'll implement the multi select for react-bootstrap-table2 with another custom repo, but right now, I'll working on recovery all the features of react-bootstrap-table, I'll implement it in the beginning of Q2.

Let me know if you have any other question and PR is welcome.

[AllenFang]

NOTES

After [email protected] and [email protected], we support the custom filter. However, multi select filter still pending, I will implement it in the future

[c-aursu]

@AllenFang Hi, any news about multi-select filter ?

best regards.

[mkolenski]

+1

On Mon, Jul 23, 2018 at 12:54 PM, c-aursu [e-mail] wrote:

@AllenFang https://github.com/AllenFang Hi, any news about multi-select
filter ?

best regards.

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
https://github.com/react-bootstrap-table/react-bootstrap-table2/issues/199#issuecomment-407126737,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AKiKkW2EcUhnkWTDJJLOOJZcLwLe0hgrks5uJf_ZgaJpZM4R_c94
.

--
Mark Kolenski
Principal Software Engineer
p: 978.809.7708
e: mark.[email protected] [e-mail]

[AmitKKhanchandani]

Currently, my project needs a multifilter select functionality, any help/idea how would I add achieve this?

[AllenFang]

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%20Filter&selectedStory=MultiSelect%20Filter&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel is an example.

@c-aursu @mkolenski @AmitKKhanchandani

[c-aursu]

@AllenFang there is a way to implement an filter not only EQ - but also NOT_EQ in this multiSelect ?depends of each value selected.