gpt4 book ai didi

javascript - 更改 React-Table 默认样式

转载 作者:行者123 更新时间:2023-11-29 15:12:50 26 4
gpt4 key购买 nike

我有一个 react 表,每一行都有一个箭头,点击它会扩展到另一个 react 表的子组件中。

我想更改该箭头的颜色,并尽可能将其移至列的右侧。有谁知道这是否可能以及如何去做。我附上了表格代码的图片以及它当前的呈现方式。感谢您的帮助!

Code example

Current style

最佳答案

使用 Custom Expander 是可能的.您可以像这样定义您的列:

columns: [
// other columns...,
{
expander: true,
Header: () => <strong>More</strong>,
width: 65,
Expander: ({ isExpanded, ...rest }) =>
<div>
{isExpanded
? <span>&#x2299;</span>
: <span>&#x2295;</span>}
</div>,
style: {
cursor: "pointer",
fontSize: 25,
padding: "0",
textAlign: "center",
userSelect: "none",
color: "green"
},
Footer: () => <span>&hearts;</span>
}
]

Edit React-Table - Custom Expander Position

关于javascript - 更改 React-Table 默认样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52599159/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com