如何解决如何使用react-bulma-components向元素添加滚动条?
我正在与布尔玛学习 React ,并且我想添加一个固定大小的表,以便如果某些表元素没有足够的空间要渲染,将出现一个滚动条。
解决方法
只需要将元素包装在<Box>
内,设置高度和下溢即可,如下所示:
<Box style={{ height:"50%",overflowY:"auto" }}>
<Table>
.
.
.
</Table>
</Box>
,
布尔玛在他们的文档中指定,如果希望表格可滚动,则可以使用table-container类。我一直在寻找一个关于react-bulma-components的表格容器,它们不提供容器,但是如果需要,您可以制作一个容器
const TableContainer = (props) => {
const width = props.width ? props.width : '100%'
const height = props.height ? props.height : '100%'
return (
<div style={width,height,overflow: 'auto'}>
{props.children}
</div>
)
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。