列宽 change/shrink 以容纳 onclick 按钮后的另一列 - React
Column width change/shrink to accommodate another column after onclick button- React
我正在使用 React。我有一个带有 table 的页面。单击按钮后，详细信息表单应显示在 table 的右侧。 table设置在grid-10的列中，需要占据大部分页面网格列。明细表格设置在grid-4的列中。
它不会被反映出来，但这里是 link 游乐场代码：https://codesandbox.io/s/inspiring-grothendieck-bkygv?file=/src/table.js
非常感谢任何帮助（css、bootstrap 等）。
首先，我将 bootstrap 添加到您的沙盒中，以便网格正常工作。
其次，根据active的值，div需要改变class。
查看我的sandbox
我正在使用 React。我有一个带有 table 的页面。单击按钮后，详细信息表单应显示在 table 的右侧。 table设置在grid-10的列中，需要占据大部分页面网格列。明细表格设置在grid-4的列中。
它不会被反映出来，但这里是 link 游乐场代码：https://codesandbox.io/s/inspiring-grothendieck-bkygv?file=/src/table.js
非常感谢任何帮助（css、bootstrap 等）。
首先，我将 bootstrap 添加到您的沙盒中，以便网格正常工作。
其次，根据active的值，div需要改变class。
查看我的sandbox