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