html - 在 onclick 按钮后，列宽更改/缩小以容纳另一列 - 反应

Question

我正在使用反应。我有一个带有表格的页面。单击按钮后，表格右侧应显示详细信息表单。该表设置在grid-10的列中，需要占据大部分页面网格列。详细表格设置在带有 grid-4 的列中。

它不会被反映，但这里是操场代码的链接：https ://codesandbox.io/s/inspiring-grothendieck-bkygv?file=/src/table.js

非常感谢任何帮助（css、引导程序等）。

标签： htmlcssreactjsreact-bootstrap

Answer 1

首先，我添加bootstrap到您的沙箱中以使网格正常工作。

其次，基于active's 的值，div需要改变类。

检查我的沙箱