Answered by:
jspdf autotable blank cell
Question
-
User81789783 posted
i have html table that has first and second cell(i.e first and second column) blank no data i.e  (specify class=blank for empty td) and i m printing html table using jspdf auto table library .
now ,
- i want to fill that empty cell with empty string like blank space at run time so that table UI remain not disturbed(remain undisturbed)
- also i want to specify each cell width of data as column width of header as below ,
columnStyles: { 0: { columnWidth: 15 }, //frequency 1: { columnWidth: 20}, //task name 2: { columnWidth: 9.3 }, // shift 3: { columnWidth: 10}, //range 4: { columnWidth: 7.4 }, 5: { columnWidth: 7.4 }, 6: { columnWidth: 7.4 }, 7: { columnWidth: 7.4 }, 8: { columnWidth: 7.4 }, 9: { columnWidth: 7.4 }, 10: { columnWidth: 7.4 }, 11: { columnWidth: 7.4 }, 12: { columnWidth: 7.4 }, 13: { columnWidth: 7.4 }, 14: { columnWidth: 7.4 }, 15: { columnWidth: 7.4 }, 16: { columnWidth: 7.4 }, 17: { columnWidth: 7.4 }, 18: { columnWidth: 7.4 }, 19: { columnWidth: 7.4 }, 20: { columnWidth: 7.4 }, 21: { columnWidth: 7.4 }, 22: { columnWidth: 7.4 }, 23: { columnWidth: 7.4 }, 24: { columnWidth: 7.4 }, 25: { columnWidth: 7.4 }, 26: { columnWidth: 7.4 }, 27: { columnWidth: 7.4 }, 28: { columnWidth: 7.4 }, 29: { columnWidth: 7.4 }, 30: { columnWidth: 7.4 }, 31: { columnWidth: 7.4 }, 32: { columnWidth: 7.4 }, 33: { columnWidth: 7.4 }, 34: { columnWidth: 7.4 }, },Tuesday, August 27, 2019 10:43 AM
Answers
-
User-719153870 posted
Hi erum,
I thought this is a jspdf autoTable method's issue, but i was wrong.
The true reason is below one:
var res = doc.autoTableHtmlToJson(document.getElementById("printJS-form"));This method can convert your html table to json, however, in your case, i found that your table design is so SPECIAL.
In your printJS-form, your tbody has only one row, in this row it's a new table.
So, in the autoTableHtmlToJson method, the json has only one cell array which is the true reason for your problem.
Thus, what you really need to change your table design.
My suggestion, you can simply modify like below ( delete them ):
<tbody> @*<tr> <td colspan="35" style="padding: 0">*@ @*<table class="table table-bordered">*@ ............... @*</table>*@ @*</td> </tr>*@
</tbody>And you will get your blank space now:
Notice, i built this demo with the latest version of your code in another thread.
Please use F12 to debug your front code more frequently!
Best Regard,
Yang Shen
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Thursday, August 29, 2019 9:01 AM
All replies
-
User-1038772411 posted
Hi, erum
( typeof cell.raw === 'undefined' )
You can try with this in if condition if you got undifined cell.raw than after you can caught the error and you can easily replace with black string or as you want.
Thanks.
Tuesday, August 27, 2019 12:02 PM -
User81789783 posted
below not working
if (typeof cell.raw === 'undefined')
{cell.raw.text = "erum";
}Tuesday, August 27, 2019 12:11 PM -
User-719153870 posted
Hi erum,
I believe the code you provided is just a little part of your current page because your thread's title is jspdf autotable blank cell.
We can see several related threads all created by you with code updated several times.
Will you share us your latest version code? So that we can see where're you going and what are you trying to archieve.
Best Regard,
Yang Shen
Wednesday, August 28, 2019 3:14 AM -
User81789783 posted
complete
<html> <head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> @*<script src="print.min.js"></script> <link href="print.min.css" rel="stylesheet" />*@ <script src="~/Scripts/jspdf.js"></script> <script src="~/Scripts/jspdf.plugin.from_html.js"></script> <script src="~/Scripts/jspdf.plugin.split_text_to_size.js"></script> <script src="~/Scripts/jspdf.plugin.standard_fonts_metrics.js"></script> <script src="~/Scripts/jspdf.min.js"></script> <script src="~/Scripts/jspdf.plugin.autotable.js"></script> <script> $(document).ready(function () { // alert() var rows = $('#printJS-form > tbody >tr'); // alert("length=" + rows.length) var columns; for (var i = 0; i < rows.length; i++) { columns = $(rows[i]).find('td'); for (var j = 4; j < columns.length; j++) { if ($(columns[j]).html().length > 4) { $(columns[j]).css("font-size", "12px"); // console.log($(columns[j]).html()); } else { $(columns[j]).css("font-size", "14px"); } } } }); </script> <script> function generate() { var doc = new jsPDF('l', 'mm', "a4"); var res = doc.autoTableHtmlToJson(document.getElementById("printJS-form")); // doc.autoTable(res.columns, res.data, { margin: { top: 80 } }); var header = function (data) { //doc.setFontSize(10); // doc.setTextColor(0); //doc.setFontStyle('bold'); //doc.setFillColor(110, 214, 84); // doc.setFontSize(0) // doc. //doc.addImage(headerImgData, 'JPEG', data.settings.margin.left, 20, 50, 50); // doc.text("Testing Report", data.settings.margin.left, 50); }; var options = { tableWidth: 'wrap', didDrawPage: header, margin: { top: 10, bottom: 40, left: 1, //width: 120 }, //bodyStyles: { // text: { minCellWidth: '10' } //}, columnStyles: { 0: { cellWidth: 15 }, //frequency 1: { cellWidth: 22}, //task name 2: { cellWidth: 8.5 }, // shift 3: { cellWidth: 10.5}, //range 4: { cellWidth: 7.2 }, 5: { cellWidth: 7.2 }, 6: { cellWidth: 7.2 }, 7: { cellWidth: 7.2 }, 8: { cellWidth: 7.2 }, 9: { cellWidth: 7.2 }, 10: { cellWidth: 7.2 }, 11: { cellWidth: 7.2 }, 12: { cellWidth: 7.2 }, 13: { cellWidth: 7.2 }, 14: { cellWidth: 7.2 }, 15: { cellWidth: 7.2 }, 16: { cellWidth: 7.2 }, 17: { cellWidth: 7.2 }, 18: { cellWidth: 7.2 }, 19: { cellWidth: 7.2 }, 20: { cellWidth: 7.2 }, 21: { cellWidth: 7.2 }, 22: { cellWidth: 7.2 }, 23: { cellWidth: 7.2 }, 24: { cellWidth: 7.2 }, 25: { cellWidth: 7.2 }, 26: { cellWidth: 7.2 }, 27: { cellWidth: 7.2 }, 28: { cellWidth: 7.2 }, 29: { cellWidth: 7.2 }, 30: { cellWidth: 7.2 }, 31: { cellWidth: 7.2 }, 32: { cellWidth: 7.2 }, 33: { cellWidth: 7.2 }, 34: { cellWidth: 7.2 }, // etc }, tableWidth: 'auto', headStyles: { minCellHeight: 8, fontSize: 6.5 }, bodyStyles: { minCellHeight: 8, fontSize: 6.5, margin: { top: 10, bottom: 40, left: 1, //width: 120 }, } // startY: doc.autoTableEndPosY() + 20 }; //doc.autoTable(res.columns, res.data, options); doc.autoTable(res.columns, res.data, options, { tableLineColor: [189, 195, 199], createdCell: function(cell, data) { var tdElement = cell.raw; console.log(tdElement) if (tdElement.classList.contains('blank')) { cell.text = 'erum' } if (typeof cell.raw === 'undefined') { cell.raw.text = "erum"; } }, //styles: { // overflow: 'linebreak', columnWidth: 'wrap', font: 'arial', // fontSize: 10, // cellPadding: 8, overflowColumns: 'linebreak' //}, }); doc.save("table.pdf"); } </script> <style> .someCell { } /*div table{*/ #printJS-form { height: 100%; border-collapse: collapse; border-spacing: initial; width: 100%; padding: 0; margin: 0; } </style> </head> <body> <button onclick="generate()">Generate PDF</button> <div class="table-responsive" style="width:100%;border:1px solid;" id="mainreport"> <div class="row" style="min-height:2.5rem;/*! padding-top: .5rem; */"> <div class="col-lg-4 h5 h5-responsive" style="text-align:left;font-size:14px;padding-left:50px;font-weight:bold;color:darkmagenta;padding-top: .5rem;"> <span> Themometer</span> <span style="padding-left: 2.5rem;"> Serial #</span> </div> <div class="col-lg-4" style="text-align: center;color: darkmagenta;"><h4>Report</h4></div> <div style="text-align:right;font-size:14px;font-weight:bold;padding-right:50px;border: 0px;" class="col-lg-4"> <button style="border-radius: 2rem;color: darkmagenta;background-color: white;height: 1.7rem;width: 5rem;margin-top: 0.5rem;cursor: pointer;border: 0px;" class="fa fa-print LabTaskClass28"> Print</button> @*<button type="button" onclick="printJS({printable: 'printJS-form',scanStyles:false , type: 'html',maxWidth:800 , css: 'StyleSheet2.css'})"></button>*@ <button type="button" class="LabTaskClass28 ExistfullReportPrint" style="border-radius: 2rem;color: darkmagenta;background-color: white;height: 1.7rem;width: 9rem;margin-top: 0.5rem;cursor: pointer;border: 0px;"> <span aria-hidden="true" style="/*! color:black; *//*! border-radius: 1.5rem; */border: 0px;">Exit Full Screen</span> </button> <button class="LabTaskClass28 ExistReportPrint" type="button" style="border-radius: 2rem;color: darkmagenta;background-color: white;height: 1.7rem;width: 5rem;margin-top: 0.5rem;cursor: pointer;border: 0px;"> <span aria-hidden="true">Close</span> </button> </div> </div> <!--Table--> <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" style="width:4rem;padding:0rem!important;text-align: center;border:0px;color: black;max-width:4rem;"> </td> <td class="blank" 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 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> <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> <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> </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> <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> <!--Table--> <!--Bottom Table --> <table id="printJS-formBottom" class="table table-responsive table-hover table-bordered" style="width:100%; border-collapse:collapse; border:1px solid rgb( 229, 231, 233 )"> <thead> <tr padding:0rem;"> <th style="width:5rem;padding:0rem!important;text-align: center;color: darkmagenta;max-width:5rem;">Date</th> <th style="max-width:10rem;width:10rem;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: 5rem;max-width:5rem;padding:0rem!important;text-align: center;color: darkmagenta;">Range</th> <th style="width:10rem;padding:0rem!important;text-align: center;color: darkmagenta;max-width:10rem;">Error</th> <th style="max-width:4rem;width:4rem;padding:0rem!important;text-align: center;color: darkmagenta;">Result</th> <th style="width: 12rem;max-width:12rem;padding:0rem!important;text-align: center;color: darkmagenta;">User</th> <th style="width: 30rem;max-width:30rem;padding:0rem!important;text-align: center;color: darkmagenta;">Comments</th> <th style="width: 7rem;max-width:7rem;padding:0rem!important;text-align: center;color: darkmagenta;">Reviewd By</th> </tr> </thead> <tbody> <tr> <td colspan="9" style="padding:0"> <table class="table table-bordered"> <tbody> <tr> <td style="width:5rem;padding:0rem!important;border-bottom:0px; text-align: center;color: black;max-width:5rem;"> </td> <td style="max-width:10rem;width:10rem;padding:0rem!important;text-align: center;color: black;border-bottom:0px;"> </td> <td style="width: 2rem;max-width:2rem;padding:0rem!important;text-align: center;color: black;">2nd</td> <td style="width: 5rem;max-width:5rem;padding:0rem!important;text-align: center;color: black;"> </td> <td style="width:10rem;padding:0rem!important;text-align: center;color: black;max-width:10rem;">(out of Range)</td> <td style="max-width:4rem;width:4rem;padding:0rem!important;text-align: center;color: black;">1100</td> <td style="max-width:12rem;width:12rem;padding:0rem!important;text-align: center;color: black;">Shah ruk Khan</td> <td style="width: 30rem;max-width:30rem;padding:0rem!important;text-align: center;color: black;">Pressure not consistent.will clean Vacum Chamber and rtest after startup</td> <td style="width: 7rem;max-width:7rem;padding:0rem!important;text-align: center;color: black;">Anas Ahmed</td> </tr> <tr> <td style="width:5rem;padding:0rem!important;text-align: center;color: black;max-width:5rem;border-top:0px;border-bottom:0px">july 23rd 2019</td> <td style="max-width:10rem;width:10rem;padding:0rem!important;text-align: center;color: black;border-top:0px;border-bottom:0px">Check the pressure applied to the probe</td> <td style="width: 2rem;max-width:2rem;padding:0rem!important;text-align: center;color: black;">2nd</td> <td style="width: 5rem;max-width:5rem;padding:0rem!important;text-align: center;color: black;">15-1000</td> <td style="width:10rem;padding:0rem!important;text-align: center;color: black;max-width:10rem;">(out of Range)</td> <td style="max-width:4rem;width:4rem;padding:0rem!important;text-align: center;color: black;">1050</td> <td style="width: 12rem;max-width:12rem;padding:0rem!important;text-align: center;color: black;">Shah ruk Khan</td> <td style="width:30rem;max-width:30rem;padding:0rem!important;text-align: center;color: black;">Pressure stablizing after startup .will monitor fornext 30 minutes.No Paitent Samples process at the movment</td> <td style="width: 7rem;max-width:7rem;padding:0rem!important;text-align: center;color: black;">Anas Ahmed</td> </tr> <tr> <td style="width:5rem;padding:0rem!important;text-align: center;color: black;max-width:5rem;border-top:0px"> </td> <td style="max-width:10rem;width:10rem;padding:0rem!important;text-align: center;color: black;border-top:0px"> </td> <td style="width: 2rem;max-width:2rem;padding:0rem!important;text-align: center;color: black;">2nd</td> <td style="width: 5rem;max-width:5rem;padding:0rem!important;text-align: center;color: black;"> </td> <td style="width:10rem;padding:0rem!important;text-align: center;color: black;max-width:4rem;">(with in Range)</td> <td style="max-width:4rem;width:4rem;padding:0rem!important;text-align: center;color: black;">950</td> <td style="width: 12rem;max-width:12rem;padding:0rem!important;text-align: center;color: black;">Shah ruk Khan</td> <td style="width: 30rem;max-width305rem;padding:0rem!important;text-align: center;color: black;"> </td> <td style="width:7rem;max-width:7rem;padding:0rem!important;text-align: center;color: black;">Anas Ahmed</td> </tr> <tr> <td style="width:5rem;padding:0rem!important;text-align: center;color: black;max-width:5rem;">july 9 2019</td> <td style="max-width:10rem;width:10rem;padding:0rem!important;text-align: center;color: black;">change water waste filter</td> <td style="width: 2rem;max-width:2rem;padding:0rem!important;text-align: center;color: black;">3rd</td> <td style="width:5rem;max-width:5rem;padding:0rem!important;text-align: center;color: black;"> </td> <td style="width:10rem;padding:0rem!important;text-align: center;color: black;max-width:10rem;">Incomplete </td> <td style="max-width:4rem;width:4rem;padding:0rem!important;text-align: center;color: black;"> </td> <td style="width: 12rem;max-width:12rem;padding:0rem!important;text-align: center;color: black;"> </td> <td style="width:30rem;max-width:30rem;padding:0rem!important;text-align: center;color: black;"> </td> <td style="width:7rem;max-width:7rem;padding:0rem!important;text-align: center;color: black;"> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <!-- Bottom Table--> </div> </body> </html>
codeWednesday, August 28, 2019 3:19 AM -
User81789783 posted
say for example like in below link
https://plnkr.co/edit/SI1X4D2myWwzArH9JrPO?p=preview
2nd cell of ist and second row is blank i.e description .
Similarly i need as per my code .as i mentioned full code already .
Wednesday, August 28, 2019 3:35 AM -
User-719153870 posted
Hi erum,
I thought this is a jspdf autoTable method's issue, but i was wrong.
The true reason is below one:
var res = doc.autoTableHtmlToJson(document.getElementById("printJS-form"));This method can convert your html table to json, however, in your case, i found that your table design is so SPECIAL.
In your printJS-form, your tbody has only one row, in this row it's a new table.
So, in the autoTableHtmlToJson method, the json has only one cell array which is the true reason for your problem.
Thus, what you really need to change your table design.
My suggestion, you can simply modify like below ( delete them ):
<tbody> @*<tr> <td colspan="35" style="padding: 0">*@ @*<table class="table table-bordered">*@ ............... @*</table>*@ @*</td> </tr>*@
</tbody>And you will get your blank space now:
Notice, i built this demo with the latest version of your code in another thread.
Please use F12 to debug your front code more frequently!
Best Regard,
Yang Shen
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Thursday, August 29, 2019 9:01 AM -
User81789783 posted
Superrrrrrrrrrrrrrrrrrrrr reply ,Thanks ,
Thursday, August 29, 2019 9:52 AM
