Answered by:
Formatting rows on the basis of tbody
Question
-
User81789783 posted
here is table structure
<table id="printJS-form" class="table table-responsive table-hover table-bordered" style="width:100%; border-collapse:collapse; border:1px solid rgb( 229, 231, 233 )"> <thead> <tr style="padding:0rem;"> <th style="width:4rem;padding:0rem!important;text-align: center;color: darkmagenta;max-width:4rem;">Frequency</th> <th style="max-width:8rem;width:8rem;padding:0rem!important;text-align: center;color: darkmagenta;">Task Name</th> <th style="width: 2rem;max-width:2rem;padding:0rem!important;text-align: center;color: darkmagenta;">Shift</th> <th style="width: 3rem;max-width:3rem;padding:0rem!important;text-align: center;color: darkmagenta;">Range</th> @for (var i = 1; i <= 31; i++) { <th style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: darkmagenta;">@i</th> } </tr> </thead> <tbody> @*<tr> <td colspan="35" style="padding:0"> <table class="table table-bordered">*@ <tr> <td class="blank someCell" style="width:4rem;padding:0rem!important;text-align: center;border:0px;color: black;max-width:4rem;"> </td> <td class="blank someCell" style="max-width:8rem;border-bottom:0px;width:8rem;padding:0rem!important;text-align: center;color: black;"> </td> <td class="someCell" style="width:2rem;max-width:2rem;border:1px"> IST </td> <td class="blank" style="width:3rem;max-width:3rem;"> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:4rem;border-top:0px;border-bottom:0px;padding:0rem!important;border:0px;text-align: center;color: black;max-width:4rem;"> Daily </td> <td style="max-width:8rem;width:8rem;border-top:0px;border-bottom:0px;padding:0rem!important;text-align: center;color: black;"> Check The Temperature of instrument </td> <td style="width:2rem;max-width:2rem"> 2nd </td> <td style="width:3rem;max-width:3rem;"> 3-10 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:4rem;padding:0rem!important;border-top:0px;text-align: center;color: black;max-width:4rem;"> </td> <td style="max-width:8rem;border-top-width:0px;width:8rem;padding:0rem!important;text-align: center;color: black;"> </td> <td style="width:2rem;max-width:2rem;"> 3rd </td> <td style="width:3rem;max-width:3rem;"> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;background-color:red;font-size:10px"> 999 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: left;color: black;font-size:10px"> 45 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px;background-color:red"> 999 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;background-color:orange;padding:0rem!important;text-align: left;color: black;font-size:10px"> 60 </td> <td style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: left;color: black;font-size:10px"> 65 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;background-color:orange;color: black;font-size:10px"> 70 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;background-color:orange;text-align: left;color: black;font-size:10px"> 140 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;background-color:forestgreen;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;background-color:forestgreen;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> </tr> </tbody> <tbody> <tr> <td style="width:4rem;padding:0rem!important;border-bottom:0px; text-align: center; black;max-width:4rem;"> </td> <td style="max-width:8rem;width:8rem;border-Bottom:0px;padding:0rem!important;text-align: center;color: black;"> </td> <td style="width:2rem;max-width:2rem;border:1px"> IST </td> <td style="width:3rem;max-width:3rem;"> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;background-color:forestgreen;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:4rem;padding:0rem!important;border:0px;text-align: center;color: black;max-width:4rem;"> Daily </td> <td style="max-width:8rem;width:8rem;border-top:0px;border-bottom:0px;padding:0rem!important;text-align: center;color: black;"> Check The Temperature of instrument </td> <td style="width:2rem;max-width:2rem"> 2nd </td> <td style="width:3rem;max-width:3rem;"> 3-10 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:4rem;padding:0rem!important;border-bottom:0px;text-align: center;color: black;max-width:4rem;"> </td> <td style="max-width:8rem;width:8rem;padding:0rem!important;text-align: center;color: black;"> </td> <td style="width:2rem;max-width:2rem;"> 3rd </td> <td style="width:3rem;max-width:3rem;"> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> 10000 </td> </tr> </tbody> <tbody> <tr> <td style="width:4rem;border-bottom:0px;padding:0rem!important;border:0px;text-align: center;color: black;max-width:4rem;"> Scheduled </td> <td style="max-width:8rem;width:8rem;border-top:0px;border-bottom:0px;padding:0rem!important;text-align: center;color: black;"> Change Probe every 15 days </td> <td style="width:2rem;max-width:2rem"> Ist </td> <td style="width:3rem;max-width:3rem;"> </td> <td colspan="14" style="width:30.8rem;max-width:30.8rem;"></td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREport"> <label class="form-check-label" for="materialCheckedREport"></label> ox </td> <td colspan="14" style="width:30.8rem;max-width:30.8rem;"></td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREport2"> <label class="form-check-label" for="materialCheckedREport2"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> </td> </tr> </tbody> <tbody> <tr> <td style="width:4rem;padding:0rem!important;text-align: center;border:0px; black;max-width:4rem;"> </td> <td style="max-width:8rem;border-bottom:0px;width:8rem;padding:0rem!important;text-align: center;color: black;"> </td> <td style="width:2rem;max-width:2rem;border:1px"> IST </td> <td style="width:3rem;max-width:3rem;"> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREport3"> <label class="form-check-label" for="materialCheckedREport2"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREport4"> <label class="form-check-label" for="materialCheckedREport4"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREport5"> <label class="form-check-label" for="materialCheckedREport5"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREport6"> <label class="form-check-label" for="materialCheckedREport6"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" checked="checked" class="form-check-input" id="materialCheckedREport7"> <label class="form-check-label" for="materialCheckedREport7"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREport8"> <label class="form-check-label" for="materialCheckedREport8"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor92"> <label class="form-check-label" for="materialCheckedREpor92"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpo222"> <label class="form-check-label" for="materialCheckedREpo222"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor92"> <label class="form-check-label" for="materialCheckedREpor92"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor921"> <label class="form-check-label" for="materialCheckedREpor921"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor9244"> <label class="form-check-label" for="materialCheckedREpor9244"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor921"> <label class="form-check-label" for="materialCheckedREpor921"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor9999"> <label class="form-check-label" for="materialCheckedREpor999"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor60"> <label class="form-check-label" for="materialCheckedREpor60"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor61"> <label class="form-check-label" for="materialCheckedREpor61"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor62"> <label class="form-check-label" for="materialCheckedREpor62"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor63"> <label class="form-check-label" for="materialCheckedREpor63"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor64"> <label class="form-check-label" for="materialCheckedREpor64"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor65"> <label class="form-check-label" for="materialCheckedREpor65"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor66"> <label class="form-check-label" for="materialCheckedREpor66"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor67"> <label class="form-check-label" for="materialCheckedREpor67"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor87"> <label class="form-check-label" for="materialCheckedREpor87"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor88"> <label class="form-check-label" for="materialCheckedREpor88"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor89"> <label class="form-check-label" for="materialCheckedREpor89"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor90"> <label class="form-check-label" for="materialCheckedREpor90"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor91"> <label class="form-check-label" for="materialCheckedREpor91"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor92"> <label class="form-check-label" for="materialCheckedREpor92"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor32"> <label class="form-check-label" for="materialCheckedREpor32"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor33"> <label class="form-check-label" for="materialCheckedREpor33"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor34"> <label class="form-check-label" for="materialCheckedREpor34"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor54"> <label class="form-check-label" for="materialCheckedREpor35"></label> </td> </tr> <tr> <td style="width:4rem;border-top:0px;padding:0rem!important;border:0px;text-align: center;color: black;max-width:4rem;"> As Needed </td> <td style="max-width:8rem;width:8rem;border-top:0px;border-bottom:0px;padding:0rem!important;text-align: center;color: black;"> Empty Expired Reagent </td> <td style="width:2rem;max-width:2rem"> 2nd </td> <td style="width:3rem;max-width:3rem;"> 3-10 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor54"> <label class="form-check-label" for="materialCheckedREpor54"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor55"> <label class="form-check-label" for="materialCheckedREpor55"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor65"> <label class="form-check-label" for="materialCheckedREpor65"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor66"> <label class="form-check-label" for="materialCheckedREpor66"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor67"> <label class="form-check-label" for="materialCheckedREpor67"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor68"> <label class="form-check-label" for="materialCheckedREpor68"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor69"> <label class="form-check-label" for="materialCheckedREpor69"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor70"> <label class="form-check-label" for="materialCheckedREpor70"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor71"> <label class="form-check-label" for="materialCheckedREpor71"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor72"> <label class="form-check-label" for="materialCheckedREpor72"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor74"> <label class="form-check-label" for="materialCheckedREpor74"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor75"> <label class="form-check-label" for="materialCheckedREpor75"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor76"> <label class="form-check-label" for="materialCheckedREpor76"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor77"> <label class="form-check-label" for="materialCheckedREpor77"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor78"> <label class="form-check-label" for="materialCheckedREpor78"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor79"> <label class="form-check-label" for="materialCheckedREpor79"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor80"> <label class="form-check-label" for="materialCheckedREpor80"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor81"> <label class="form-check-label" for="materialCheckedREpor81"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor82"> <label class="form-check-label" for="materialCheckedREpor82"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor83"> <label class="form-check-label" for="materialCheckedREpor83"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" checked="checked" class="form-check-input" id="materialCheckedREpor84"> <label class="form-check-label" for="materialCheckedREpor84"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor85"> <label class="form-check-label" for="materialCheckedREpor85"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor86"> <label class="form-check-label" for="materialCheckedREpor86"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor87"> <label class="form-check-label" for="materialCheckedREpor87"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor88"> <label class="form-check-label" for="materialCheckedREpor88"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor96"> <label class="form-check-label" for="materialCheckedREpor96"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor97"> <label class="form-check-label" for="materialCheckedREpor97"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor98"> <label class="form-check-label" for="materialCheckedREpor98"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor99"> <label class="form-check-label" for="materialCheckedREpor99"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor100"> <label class="form-check-label" for="materialCheckedREpor100"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor101"> <label class="form-check-label" for="materialCheckedREpor101"></label> </td> </tr> <tr> <td style="width:4rem;padding:0rem!important;border:0px;text-align: center;color: black;max-width:4rem;"> </td> <td style="max-width:8rem;border-top-width:0px;width:8rem;padding:0rem!important;text-align: center;color: black;"> </td> <td style="width:2rem;max-width:2rem;"> 3rd </td> <td style="width:3rem;max-width:3rem;"> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor102"> <label class="form-check-label" for="materialCheckedREpor102"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor103"> <label class="form-check-label" for="materialCheckedREpor103"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor104"> <label class="form-check-label" for="materialCheckedREpor104"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor105"> <label class="form-check-label" for="materialCheckedREpor105"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor106"> <label class="form-check-label" for="materialCheckedREpor106"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor107"> <label class="form-check-label" for="materialCheckedREpor107"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor108"> <label class="form-check-label" for="materialCheckedREpor108"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor109"> <label class="form-check-label" for="materialCheckedREpor109"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor110"> <label class="form-check-label" for="materialCheckedREpor110"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor111"> <label class="form-check-label" for="materialCheckedREpor111"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor112"> <label class="form-check-label" for="materialCheckedREpor112"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor113"> <label class="form-check-label" for="materialCheckedREpor113"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor114"> <label class="form-check-label" for="materialCheckedREpor114"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor115"> <label class="form-check-label" for="materialCheckedREpor115"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor116"> <label class="form-check-label" for="materialCheckedREpor116"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor117"> <label class="form-check-label" for="materialCheckedREpor117"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" checked="checked" class="form-check-input" id="materialCheckedREpor118"> <label class="form-check-label" for="materialCheckedREpor184"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" checked="checked" class="form-check-input" id="materialCheckedREpor119"> <label class="form-check-label" for="materialCheckedREpor11"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor120"> <label class="form-check-label" for="materialCheckedREpor120"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor121"> <label class="form-check-label" for="materialCheckedREpor121"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" checked="checked" class="form-check-input" id="materialCheckedREpor122"> <label class="form-check-label" for="materialCheckedREpor122"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor123"> <label class="form-check-label" for="materialCheckedREpor123"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor124"> <label class="form-check-label" for="materialCheckedREpor124"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor125"> <label class="form-check-label" for="materialCheckedREpor125"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" checked="checked" class="form-check-input" id="materialCheckedREpor126"> <label class="form-check-label" for="materialCheckedREpor126"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor127"> <label class="form-check-label" for="materialCheckedREpor127"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" checked="checked" class="form-check-input" id="materialCheckedREpor128"> <label class="form-check-label" for="materialCheckedREpor128"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" class="form-check-input" id="materialCheckedREpor129"> <label class="form-check-label" for="materialCheckedREpor129"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" checked="checked" class="form-check-input" id="materialCheckedREpor130"> <label class="form-check-label" for="materialCheckedREpor130"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" checked="checked" class="form-check-input" id="materialCheckedREpor131"> <label class="form-check-label" for="materialCheckedREpor131"></label> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: left;color: black;font-size:10px"> <input type="checkbox" checked="checked" class="form-check-input" id="materialCheckedREpor132"> <label class="form-check-label" for="materialCheckedREpor132"></label> </td> </tr> @*</table> </td> </tr>*@ </tbody> </table>if u see each row is demonstrated by tbody which can comprise multiple tr (depends on data) ,I want each tbody printed in pdf format as it is like in html ,for example group by on the basis of tbody ,
Please feel free to ask any question .
Friday, August 30, 2019 1:21 PM
Answers
-
User665608656 posted
Hi erum,
According to your requirement, do you want to print the same HTML style?
If so, you can use jspdf to convert html to image, then convert image to pdf, and the pdf will display the same style as the html page.
You can refer to this link : https://jsfiddle.net/viethien/md03wb21/27/
Here is the js based on your code:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/dom-to-image/2.6.0/dom-to-image.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.min.js"></script> <script> $(function () { $('#downloadPDF').click(function () { domtoimage.toPng(document.getElementById('printJS-form')) .then(function (blob) { var pdf = new jsPDF('l', 'pt', [$('#printJS-form').width(), $('#printJS-form').height()]); pdf.addImage(blob, 'PNG', 0, 0, $('#printJS-form').width(), $('#printJS-form').height()); pdf.save("test.pdf"); that.options.api.optionsChanged(); }); }); });<button class="btn btn-info" id="downloadPDF">Download PDF</button>
Here is the result:
Best Regards,
YongQing.
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Monday, September 2, 2019 2:49 AM
