react-virtualized - 有没有办法在 Table 的行上添加悬停样式
react-virtualized - Is there a way to add hover style on rows of the Table
当我们将鼠标悬停在行上时，相应行的背景颜色应更改为#e7e7e7。
- 试图通过 JSS 添加行效果，但这允许对单元格而非行产生行效果。
JSS approach
- 我尝试使用道具 rowStyle 添加悬停效果，但这对我不起作用。
Using prop rowStyle
我在我的项目中使用 styled-components，这就是您如何使用它来设置行的样式。
const StyledTable = styled(Table)`
.ReactVirtualized__Table__row {
:hover {
background: red;
}
}
`;
我认为您使用了错误的选择器。
您使用的是什么样式库？
当我们将鼠标悬停在行上时，相应行的背景颜色应更改为#e7e7e7。
- 试图通过 JSS 添加行效果，但这允许对单元格而非行产生行效果。 JSS approach
- 我尝试使用道具 rowStyle 添加悬停效果，但这对我不起作用。 Using prop rowStyle
我在我的项目中使用 styled-components，这就是您如何使用它来设置行的样式。
const StyledTable = styled(Table)`
.ReactVirtualized__Table__row {
:hover {
background: red;
}
}
`;
我认为您使用了错误的选择器。
您使用的是什么样式库？