React-table中的自定义过滤器样式

Question

我用react-table构建了一个表格，并想使用react-select组件作为过滤组件。一切都运行正常，除了来自react-select组件的下拉菜单被表格遮挡。

我已经花了很长时间来解决这个问题，通过样式化react-select在过滤行中看起来不错。

问题是我找不到其他方法来覆盖CSS规则。

.ReactTable .rt-th,.ReactTable .rt-td

这段文字讲述了一个人遇到了问题，尝试通过更改CSS样式来解决它。他们发现直接在文件中进行硬编码更改并不是正确的做法，因为可能会在其他地方出现问题。他们尝试了一些方法，如将样式传递给组件，但都没有成功。最终，他们通过搜索react-table文件夹中的属性，找到了缺失的属性getTheadFilterThProps，从而解决了问题。

<ReactTable 
    getTheadFilterThProps={(state, rowInfo, column) => {
                            return {
                              style: {
                                overflow: 'visible',
                              }
                            };
                          }}

- Simon Johansson

Answer 1

好的，当找到正确的属性时，答案就很简单了。我最终在 react-table 的安装文件夹中搜索了 getTheadFilterTrProps。然后我发现还有更多的属性可用。

最终我添加了

<React
    getTheadFilterThProps={(state, rowInfo, column) => {
      return {
        style: {
          overflow: 'visible',
        }
      };
    }}

- Simon Johansson

---

这对我不起作用。可能是API现在已经改变了。 - Oshan Wisumperuma