html - Scroll issue with tody in ipad -


while adding check-box body of table extremely slows down scroll actions on ipad. issue ipad. mozilla ,chrome in ie 10+ works fine. without check-box works fine in ipad. don't know why addition of check-box slows down scroll's performance.i faced issue while using following code:

.custom-table {     table {         width: 100%;         table-layout: fixed;         border-collapse: collapse;     }     .header {         border-top: 1px solid #dae3e9;         tr {             padding: 5px 0 5px 0;         }     }     table > thead > tr > th >.custom-checkbox {         display: inherit;         float: left;     }     table > tbody> tr >td {         width: 600px;         padding: 0;         height: 30px;         border-bottom: 1px solid #dae3e9;         .custom-checkbox {             margin-bottom: -15px;             margin-top: 0px !important;         }          span.text-limit{             width:70%;         }     }     td.property{             text-align: center;         }     table > thead > tr {         display: block;         position: relative;         > th {             width: 600px;         }     }     table > tbody {         display: block;         overflow-y: auto;         white-space: nowrap;         width: 100%;         height: 85px;         -webkit-overflow-scrolling: touch;     }     tbody tr:hover {         background: #f5fafc;     } }  <section class="custom-table"> <table> <tbody> <tr ng-repeat="number in temp"> <td> <input type="checkbox"></td> <td> <input type="checkbox"></td> <td> <input type="checkbox"></td> </tr> </tbody> </table> </section> 


Comments

Popular posts from this blog

java - Plugin org.apache.maven.plugins:maven-install-plugin:2.4 or one of its dependencies could not be resolved -

Round ImageView Android -

How can I utilize Yahoo Weather API in android -