locked
Formatting rows on the basis of tbody RRS feed

  • 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;">
                            &nbsp;
    
    
    
                        </td>
                        <td class="blank someCell" style="max-width:8rem;border-bottom:0px;width:8rem;padding:0rem!important;text-align: center;color: black;">
    
                            &nbsp;
    
    
                        </td>
                        <td class="someCell" style="width:2rem;max-width:2rem;border:1px">
    
                            IST
    
    
                        </td>
    
                        <td class="blank" style="width:3rem;max-width:3rem;">
    
                            &nbsp;
    
    
                        </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;">
    
                            &nbsp;
    
    
                        </td>
                        <td style="max-width:8rem;border-top-width:0px;width:8rem;padding:0rem!important;text-align: center;color: black;">
    
                            &nbsp;
    
    
                        </td>
                        <td style="width:2rem;max-width:2rem;">
    
                            3rd
    
    
                        </td>
                        <td style="width:3rem;max-width:3rem;">
    
                            &nbsp;
    
    
                        </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;">
    
                            &nbsp;
    
    
                        </td>
                        <td style="max-width:8rem;width:8rem;border-Bottom:0px;padding:0rem!important;text-align: center;color: black;">
    
                            &nbsp;
    
    
                        </td>
                        <td style="width:2rem;max-width:2rem;border:1px">
    
                            IST
    
    
                        </td>
    
                        <td style="width:3rem;max-width:3rem;">
    
                            &nbsp;
    
    
                        </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;">
    
                            &nbsp;
    
    
                        </td>
                        <td style="max-width:8rem;width:8rem;padding:0rem!important;text-align: center;color: black;">
    
                            &nbsp;
    
    
                        </td>
                        <td style="width:2rem;max-width:2rem;">
    
                            3rd
    
    
                        </td>
                        <td style="width:3rem;max-width:3rem;">
    
                            &nbsp;
    
    
                        </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;">
                            &nbsp;
                        </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">
    
                            &nbsp;
    
    
                        </td>
    
                    </tr>
                </tbody>
                <tbody>
                    <tr>
    
                        <td style="width:4rem;padding:0rem!important;text-align: center;border:0px; black;max-width:4rem;">
    
                            &nbsp;
    
    
                        </td>
                        <td style="max-width:8rem;border-bottom:0px;width:8rem;padding:0rem!important;text-align: center;color: black;">
    
                            &nbsp;
    
    
                        </td>
                        <td style="width:2rem;max-width:2rem;border:1px">
    
                            IST
    
    
                        </td>
    
                        <td style="width:3rem;max-width:3rem;">
    
                            &nbsp;
    
    
                        </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;">
    
                            &nbsp;
    
    
                        </td>
                        <td style="max-width:8rem;border-top-width:0px;width:8rem;padding:0rem!important;text-align: center;color: black;">
    
                            &nbsp;
    
    
                        </td>
                        <td style="width:2rem;max-width:2rem;">
    
                            3rd
    
    
                        </td>
                        <td style="width:3rem;max-width:3rem;">
    
                            &nbsp;
    
    
                        </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