调用表排序器功能时自动扩展列

问题描述

请找到正常展开和折叠的小提琴https://jsfiddle.net/saranya2020/kf7vdgnq/57。使用普通的html display：none效果很好。但是当我包括tablesorter时，此样式不会重新显示，并且始终显示，而与条件无关。请帮我如何排序

        <div class="container">
        <table class="table table-bordered table-striped">
            <thead class="thead-dark">
                <tr>
                    <th></th>
                    <th>Name</th>
                    <th>ID</th>
                    <th>Animals</th>
                    <th>Sites</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                   <td><a id="imageDivLink_10" class="plusIcon" href="javascript:toggle5('10','imageDivLink_10');"><img src="/img/favicon.png" ></a> 
                   </td>
                    <td>abc 123</td>
                    <td>10</td>
                    <td>Koala</td>
                    <td>http://www.google.com</td>
                </tr>
                <tr>
           <td> <a id="imageDivLink_234" class="plusIcon" href="javascript:toggle5('234','imageDivLink_234');"><img src="/img/favicon.png" ></a> </td>
                    <td>abc 1</td>
                    <td>234</td>
                    <td>Ox</td>
                    <td>http://www.yahoo.com</td>
                </tr>
                <tr>
           <td><a id="imageDivLink_17" class="plusIcon" href="javascript:toggle5('17','imageDivLink_17');"><img src="/img/favicon.png" ></a></td>
                    <td>abc 9</td>
                    <td>17</td>
                    <td>Girafee</td>
                    <td>http://www.facebook.com</td>
                </tr>
                <tr>
           <td><a id="imageDivLink_767" class="plusIcon" href="javascript:toggle5('767','imageDivLink_767');"><img src="/img/favicon.png" ></a></td>
                    <td>zyx 24</td>
                    <td>767</td>
                    <td>Bison</td>
                    <td>http://www.whitehouse.gov/</td>
                </tr>
                <tr>
           <td><a id="imageDivLink_3" class="plusIcon" href="javascript:toggle5('3','imageDivLink_3');"><img src="/img/favicon.png" ></a></td>
                    <td>abc 11</td>
                    <td>3</td>
                    <td>Chimp</td>
                    <td>http://www.ucla.edu/</td>
                </tr>
             <tr id="10" style="display: none;" >
         <td>&nbsp;</td>
         <td >HIii</td>          
         </tr>
            </tbody>
        </table>
    </div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）