{"action":"opened","issue":{"url":"https://api.github.com/repos/react-bootstrap-table/react-bootstrap-table2/issues/565","repository_url":"https://api.github.com/repos/react-bootstrap-table/react-bootstrap-table2","labels_url":"https://api.github.com/repos/react-bootstrap-table/react-bootstrap-table2/issues/565/labels{/name}","comments_url":"https://api.github.com/repos/react-bootstrap-table/react-bootstrap-table2/issues/565/comments","events_url":"https://api.github.com/repos/react-bootstrap-table/react-bootstrap-table2/issues/565/events","html_url":"https://github.com/react-bootstrap-table/react-bootstrap-table2/issues/565","id":364023501,"node_id":"MDU6SXNzdWUzNjQwMjM1MDE=","number":565,"title":"SelectFilter formatter is not working properly","user":{"login":"NadineSch","id":33058136,"node_id":"MDQ6VXNlcjMzMDU4MTM2","avatar_url":"https://avatars1.githubusercontent.com/u/33058136?v=4","gravatar_id":"","url":"https://api.github.com/users/NadineSch","html_url":"https://github.com/NadineSch","followers_url":"https://api.github.com/users/NadineSch/followers","following_url":"https://api.github.com/users/NadineSch/following{/other_user}","gists_url":"https://api.github.com/users/NadineSch/gists{/gist_id}","starred_url":"https://api.github.com/users/NadineSch/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/NadineSch/subscriptions","organizations_url":"https://api.github.com/users/NadineSch/orgs","repos_url":"https://api.github.com/users/NadineSch/repos","events_url":"https://api.github.com/users/NadineSch/events{/privacy}","received_events_url":"https://api.github.com/users/NadineSch/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-09-26T13:14:37Z","updated_at":"2018-09-26T13:14:37Z","closed_at":null,"author_association":"NONE","body":"By using multiselectFilter or selectFilter like below, the content of column 'Category' isn't displayed and with selecting an option, no row is displayed.\r\n\r\n<img width=\"398\" alt=\"bildschirmfoto 2018-09-26 um 15 05 03\" src=\"https://user-images.githubusercontent.com/33058136/46081794-b37add00-c19d-11e8-9dba-1bfc72d59a74.png\">\r\n\r\nHere is my code:\r\n```\r\nrender() {\r\n  const selectOptions = {\r\n    0: 'A',\r\n    1: 'B',\r\n    2: 'C'\r\n  };\r\n  const columns = [\r\n    {\r\n      dataField: 'id',\r\n      text: 'ID'\r\n    },\r\n    {\r\n      dataField: 'category',\r\n      text: 'Category',\r\n      formatter: cell => selectOptions[cell],\r\n      filter: multiSelectFilter({\r\n        options: selectOptions,\r\n      })\r\n    }\r\n  ];\r\n  return (\r\n    <BootstrapTable\r\n      keyField='id'\r\n      data={data}\r\n      columns={columns}\r\n      filter={filterFactory()}\r\n    />\r\n  );\r\n}\r\n```\r\n[Here](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 my source of how to use multiSelectFilter.\r\n\r\nIf I modify selectOptions to\r\n\r\n```\r\nconst selectOptions = {\r\n  \"A\": \"A\",\r\n  \"B\": \"B\",\r\n  \"C\": \"C\"\r\n}\r\n```\r\n\r\nthe filter works fine. \r\n<img width=\"399\" alt=\"bildschirmfoto 2018-09-26 um 15 04 42\" src=\"https://user-images.githubusercontent.com/33058136/46081821-bfff3580-c19d-11e8-86ef-57b1cb8ab6af.png\">\r\nSo I think the formatter is not working as expected and searches for the key instead of the value in the table. \r\nThis is what my json data looks like:\r\n\r\n```\r\n[{\r\n  \"id\": 1,\r\n  \"category\": \"A\"\r\n}, {...}, {...}]\r\n```\r\n\r\nDo you have any idea how to fix this?\r\nThanks!\r\n\r\n"}}
{"actor":{"display_login":"NadineSch"}}