将表格折叠为点击时的表格行

Question

我试图在单击tr.store-id时折叠其中包含表格的tr.clickable行。

您可以看到我当前的问题 presented in this jsfiddle ，表格似乎在出现后会自行调整以适合列title1！我希望可折叠表格适合整个行而不仅仅是一列。

我尝试将.collapse的{​​{1}}属性更改为display的值，但是这样没有解决。有人可以告诉我问题是什么吗？

table-row

Answer 1

Bootstrap在将Logger = kernel.Get<INLogLogger>();类添加到元素时设置属性display: block !important；虽然您可以覆盖它，但是也许最好找到一种更具体的方法以避免更改Bootstrap类。

另外：我在您的代码中注意到您正在使用Bootstrap 3的CSS，但在BS4的JS中，您应确保使用的是正确的导入版本，无论是v3还是v4

检查示例：

.show

Answer 2

显示时，您需要在display: table-row;上使用display: block而不是<tr>。