【问题标题】:Styling the selectTable header in react-table在 react-table 中设置 selectTable 标头的样式
【发布时间】:2018-05-07 22:08:09
【问题描述】:

使用 react-table 组件中的 selectTable 选项,我们已经弄清楚如何使用我们正在生成的 headerStyle 设置每个标题列的样式,但无法弄清楚如何设置实际选择切换(第一)列的样式包含切换复选框。

在文档中似乎找不到任何说明如何执行此操作的内容。

【问题讨论】:

  • 所以我也有这个问题,通过不使用SelectTable而是自己实现选择功能解决了。

标签: javascript react-table


【解决方案1】:

我正在回答,但如果您的问题与此无关,那么您能用您的代码解释问题吗?

    columns={[

        {
           accessor: 'myAcc',
           Header: //any jsx or string here,
           getProps: () => getProps(redCell), // return CSS
           Cell: (rowInfo): JSX.Element => //you can render your jsx for the cell. 
        },
   ]}

【讨论】:

  • 提问者正在使用 react-table 的 ,因此它会自动在表的第一个添加一个复选框列(因此您无法通过列配置访问该列数组)
猜你喜欢
  • 2019-05-19
  • 2016-10-11
  • 2021-09-03
  • 2016-03-07
  • 1970-01-01
  • 1970-01-01
  • 2023-03-16
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多