帶數據表插件的可折疊表

Question

我正在使用數據表插件進行分頁......現在我想要點擊每一行表的可折疊功能......

這是我的代碼片段：

 <tr class="outer-tr">
     <td>1</td>
     <td>pppol</td>
     <td>Approved</td>
</tr>
<tr class="inner-tr"> 
       <td>show-hide</td> 
</tr> 

我在單擊outer-tr時隱藏/顯示inner-tr outer-tr 。
但它給出了一個錯誤：

 Uncaught TypeError: Cannot read property 'className' of undefined 

我知道這是由於表格格式不正確造成的。

有什么建議可以用數據表插件實現可折疊表嗎？？？

Answer 1

在代碼中添加 jquery 腳本：

$(function() {  
   $('.outer-tr').click(function() {
      $('.outer-tr td').toggleClass('visible');
   });
   $('.inner-tr').click(function() {
      $('.inner-tr td').toggleClass('visible');
   });
});

還要添加一個css樣式

tr td{display: none;}
tr td.visible{display: block;}

Answer 2

JQuery DataTable 文檔在這里解釋了它，如果您需要更多幫助，請提供您的 JS 代碼。