展开折叠 div 而不对导航栏产生任何影响

Question

我有一个导航栏、一个折叠 div 和一个 div 中的表格。 我想点击 tr 会出现折叠 div。 但是，虽然我已经让 div 展开，但页面的结构也被破坏了：当 div 出现时，表格和导航栏都会变窄。 我只希望有表格的 div 会变窄。 我该如何解决这个问题？

我在 html 文件中构建的结构：

<nav></nav>
<div class="row>
   <div class="col-9">
       <table>
           <thead>
               <tr>
                  <th></th>
                  <th></th>
               </tr>
           </thead>
           <tbody>
               <tr data-toggle="collapse" data-target="#demo">
                  <td></td>
                  <td></td> 
               </tr>
           </tbody>
       </table>
   </div>
   <div class="col-3 collapse">
        <div class="container"></div>
   </div>
</div>

我上传了一些 int fiddle： https://jsfiddle.net/3b612srg/

Answer 1

所以我在每个网站上都找到了，但没有任何用处。 然后我发现我可以写 typescript 或 javascript 来设置 class “collapse”消失。 可能会更容易