Javascript react.js根据子项更改父项宽度

我已经使用创建了一个

NavigationBar

组件，以便在我的项目中反复使用它

:

本地文件服务器
搜寻
上传
;

哪种方法很好：

直到，表格被填充并显示水平滚动条。然后我错过了完整的导航栏，如下所示：

我如何解决这个问题

组件：

我认为在桌面道具上添加“响应性”是最简单的修复方法

 <Table striped bordered hover responsive>

我从互联网上找到了一种方法，将回调函数作为道具传递给孩子。

使用你自己的css？@Saurav，不在导航栏中使用，也不在整个页面中使用。尽管这不是正确的解决方案，但它还是多少解决了这个问题，因为它改变了表格的宽度，并在表格上添加了滚动条，实际上没有更改导航栏我认为在UX/UI方面，它有两种解决方案，第二种是使用断点将表的布局更改为较小屏幕上的单列。没有人喜欢水平滚动试图找到导航栏按钮，因为宽表：）这实际上是一件好事，但事实是它将用于48英寸宽的显示器上，我也在尝试一个机器人（chrome扩展），它将自动向两个方向滚动。。。所以，这对我来说会更好，现在我需要修改这个机器人，以便让它在当前情况下工作。。我已经做到了P