[英]How do I do a Bootstrap responsive table inside another table?
我正在使用引導程序 4。在我的項目中，我需要在另一個表中切換響應表。 當我單擊以展開顯示內表並再次單擊折疊內表時，如下圖所示。
您可以使用此代碼在另一個表中切換響應表
<!DOCTYPE html> <html> <head> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" type="text/css" rel="stylesheet"> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> </head> <body> <table class="table table-responsive table-hover"> <thead> <tr> <th>Column</th> <th>Column</th> <th>Column</th> <th>Column</th> </tr> </thead> <tbody> <tr class="clickable" data-toggle="collapse" data-target="#group-of-rows-1" aria-expanded="false" aria-controls="group-of-rows-1"> <td><i class="fa fa-plus" aria-hidden="true"></i></td> <td>data</td> <td>data</td> <td>data</td> </tr> </tbody> <tbody id="group-of-rows-1" class="collapse"> <tr> <td>- child row</td> <td>data 1</td> <td>data 1</td> <td>data 1</td> </tr> <tr> <td>- child row</td> <td>data 1</td> <td>data 1</td> <td>data 1</td> </tr> </tbody> <tbody> <tr class="clickable" data-toggle="collapse" data-target="#group-of-rows-2" aria-expanded="false" aria-controls="group-of-rows-2"> <td><i class="fa fa-plus" aria-hidden="true"></i></td> <td>data</td> <td>data</td> <td>data</td> </tr> </tbody> <tbody id="group-of-rows-2" class="collapse"> <tr> <td>- child row</td> <td>data 2</td> <td>data 2</td> <td>data 2</td> </tr> <tr> <td>- child row</td> <td>data 2</td> <td>data 2</td> <td>data 2</td> </tr> </tbody> </table> </body> </html>
我該如何使表格內的內容（融合圖LED量表）響應？
[英]How do i make content (Fusion Chart LED Gauge Chart) inside table to be responsive?
如何使用 Bootstrap 4 對齊表格的 th 和 td 內容？
[英]How do I align th and td content of a table using Bootstrap 4?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.