反应表选择框过滤

时间:2019-02-19 06:32:52

标签: reactjs filter react-table

表格插件https://github.com/tannerlinsley/react-table

如何使用选择框过滤列?例如:

我有专栏,只有两个名字 名称1 名称2

我想将selectbox放在列中以选择和过滤NAME 1或NAME 2条目。

{Header: 'Owner',accessor: 'name', headerClassName: 'wordwrap', Filter: ({ filter, onChange }) =>
        <select
          onChange={event => onChange(event.target.value)}
          style={{ width: "100%" }}
          value={filter ? filter.value : "all"}
        >
          <option value="all">Show All</option>
          <option value="true">Name 1</option>
          <option value="false">Name 2</option>
        </select>
        },

我在示例中发现了一些东西并实现了我的代码。但是我不知道我的访问器的看跌期权如何

0 个答案:

没有答案