Reactjs 是否可以在react table组件中实现类似Excel的排序小部件？

我正在使用组件来显示和过滤我的数据集。我的过滤器如下所示：

从上面的图像可以看出，每列都可以提供用于过滤的组件（无论是

输入

还是

选择

）

现在，我需要实现类似excel的过滤器，如下所示：

到目前为止，我想到的是实现一个自定义组件，用于显示所需的小部件，并将其定位为与标题绝对相关的位置：

<ReactTable
   columns={[
       ....
       {
          Header: "Name",
          accessor: "name",
          Filter: ({ filter, onChange }) =>
          <ExcelFilter
             onChange={event => onChange(event.target.value)}
             styles={{position: 'absolute', top: '0', right: 0}}
             value={filter}
          />
       }
   ]}
   ...
/>

onChange（event.target.value）}
样式={{position:'absolute'，top:'0'，right:0}
值={filter}
/>
}
]}
...
/>

解决我的任务（特别是CSS定位）是可以接受的方法还是有更好的方法存档