부트 스트랩 테이블 showAllColumns 메서드

Question

부트 스트랩 테이블의 모든 열을 표시하는 단추가 있습니다. 그것을 클릭하면 작동하지 않습니다.

코드 :

<table data-toggle="table"> 
     <thead> 
     <tr> 
      <th data-field="state" data-checkbox="true"></th> 
      <th data-field="id" >ID</th> 
      <th data-field="name">Name</th> 
     </tr> 
     </thead> 
    </table> 
    <button id="show_all">Show All columns</button> 
    <button id="hide_all">Hide All columns</button> 

<script>  

    $('#show_all').on('click', function(){ 
     $('table').bootstrapTable('showAllColumns'); 
    }) 

    $('#hide_all').on('click', function(){ 
     $('table').bootstrapTable('hideAllColumn'); 
    }) 

</script> 

의 예를 참조하십시오

여기

https://jsfiddle.net/ruzD/5b2vsdgy/

Answer 1

는 작업 솔루션이다.

$('#show_all').on('click', function(){ 
    $('table th').show(); 
}) 

$('#hide_all').on('click', function(){ 
    $('table th').hide(); 
})