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
Post a Comment