javascript - extjs grid hide and show changes width -


i have extjs grid simple stuff within div. hide , show container clicking button. after hiding container, if resize window, , again show container, grid gets width of 100px. expect make use of width:100%

.container{    border:1px solid gold;  } .row{    padding:20px; } .col4{   width:30%;   float:left;   padding:20px;   font-size:20px;   background-color:red;   color:#fff;   }   </style>  <script>   $(document).ready(function(){     $(".btn").click(function(){        $(".container .thrd-row").css("display","none"); });  $(window).resize(function(){      $(".container .thrd-row").removeattr("style");  }); });   </script>   //use html   <div class="container">     <div class="row firs-row">         <div class="col4">1</div>         <div class="col4">1</div>         <div class="col4">1</div>     </div>     <div class="row second-row">         <div class="col4">1</div>         <div class="col4">1</div>         <div class="col4">1</div>     </div>     <div class="row thrd-row">         <div class="col4">1</div>         <div class="col4">1</div>         <div class="col4">1</div>     </div>     <button class="btn">click hide</button> </div> 

Comments

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

openid - Okta: Failed to get authorization code through API call -

ios - Change Storyboard View using Seague -