表格插件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>
},
我在示例中发现了一些东西并实现了我的代码。但是我不知道我的访问器的看跌期权如何