Answered by:
jspdf autotable and html Styles [rowspan and col span]

Question
-
User81789783 posted
hi to every one
i have html table and i convert to pdf using jspdf
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.2.4/jspdf.plugin.autotable.js"></script>
Actually I need to have multiple level header like
first row has "All View" in center
second row has "July 2017" in centerand then column wise header like Frequency ,task name , range etc etc ,for this purpose i have two table printJS-form and printJS-form2 ,
if u run above code u will find that when it generated PDF it give space between first table(printJS-form) and second table(printJS-form2)In this logic there is one issue space between two tables i,e printJS-form and printJS-form2
Now ,can any one can remove space between two tables OR can merge headings (All View,July 2017) in single table using cols span/rowspan
Please note down that i do not want to use pdf to image logic .
Thursday, September 5, 2019 11:15 AM
Answers
-
User665608656 posted
Hi erum,
no ,u r not getting me i want like thisI'm sorry for my misunderstanding of your needs.
According to your description, you can refer to this code:
<!DOCTYPE html> <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="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.2.4/jspdf.plugin.autotable.js"></script> <script> $(document).ready(function () { $('td.temp').each(function () { var cellValue = $(this).text(); // alert(cellValue.trim().length); if (cellValue.trim().length > 4) { //5 $(this).css({ "font-family": "Arial, Helvetica, sans-serif", "font-size": "8px" }); } else if (cellValue.trim().length > 3) { //4 $(this).css({ "font-family": "Arial, Helvetica, sans-serif", "font-size": "9px" }); } else if (cellValue.trim().length > 2) { //3 $(this).css({ "font-family": "Arial, Helvetica, sans-serif", "font-size": "10px" }); } else if (cellValue.trim().length > 1) { //2 $(this).css({ "font-family": "Arial, Helvetica, sans-serif", "font-size": "11px" }); } else { $(this).css({ "font-family": "Arial, Helvetica, sans-serif", "font-size": "12px" }); } }); }); </script> <script type="text/javascript"> function generate() { var doc = new jsPDF('l', 'mm', "a4"); var res1 = doc.autoTableHtmlToJson(document.getElementById("printJS-form2")); var res = doc.autoTableHtmlToJson(document.getElementById("printJS-form")); var header = function (data) { // HEADER //doc.setFontSize(20); //doc.setTextColor(40); //doc.setFontStyle('normal'); //doc.text("Report", data.settings.margin.left + 15,10); }; var options1 = { tableWidth: 'wrap', didDrawPage: header, margin: { top: 10, bottom: 40, left: 1, right: 1, //width: 120 }, theme: 'grid', styles: { overflow: 'linebreak', lineWidth: 0.02, lineColor: [217, 216, 216] }, tableWidth: 'auto', headStyles: { minCellHeight: 5, fontSize: 7, fontStyle: 'bold', halign: 'center', text: { minCellWidth: 'wrap' }, lineWidth: 0.02, fillColor: [255, 255, 255], lineColor: [217, 216, 216] }, bodyStyles: { minCellHeight: 5, fontSize: 4.7, margin: { top: 10, bottom: 40, left: 1, right: 1, //width: 120 minCellWidth: 'auto' }, }, didParseCell: function (HookData) { if (HookData.cell == undefined) { return; } HookData.cell.styles.fontStyle = "bold"; HookData.cell.styles.fontSize = 7; HookData.cell.styles.halign = "center"; HookData.cell.styles.textColor = '#000000'; }, styles: { overflow: 'linebreak', cellwidth: 'wrap' }, tableLineColor: [200, 195, 199], tableWidth: 'auto', }; doc.autoTable(res1.columns, res1.data, options1); var options = { tableWidth: 'wrap', didDrawPage: header, margin: { top: 10, bottom: 40, left: 1, right: 1, //width: 120 }, theme: 'grid', styles: { overflow: 'linebreak', lineWidth: 0.02, lineColor: [217, 216, 216] }, //bodyStyles: { // text: { minCellWidth: '10' } //}, rowStyles: { 0: { cellWidth: 15 }, //frequency 1: { cellWidth: 15 }, //task name 2: { cellWidth: 1.5 }, // shift 3: { cellWidth: 5 }, //range 4: { cellWidth: 7.5 }, 5: { cellWidth: 7.5 }, 6: { cellWidth: 7.5 }, 7: { cellWidth: 7.5 }, 8: { cellWidth: 7.5 }, 9: { cellWidth: 7.5 }, 10: { cellWidth: 7.5 }, 11: { cellWidth: 7.5 }, 12: { cellWidth: 7.5 }, 13: { cellWidth: 7.5 }, 14: { cellWidth: 7.5 }, 15: { cellWidth: 7.5 }, 16: { cellWidth: 7.5 }, 17: { cellWidth: 7.5 }, 18: { cellWidth: 7.5 }, 19: { cellWidth: 7.5 }, 20: { cellWidth: 7.5 }, 21: { cellWidth: 7.5 }, 22: { cellWidth: 7.5 }, 23: { cellWidth: 7.5 }, 24: { cellWidth: 7.5 }, 25: { cellWidth: 7.5 }, 26: { cellWidth: 7.5 }, 27: { cellWidth: 7.5 }, 28: { cellWidth: 7.5 }, 29: { cellWidth: 7.5 }, 30: { cellWidth: 7.5 }, 31: { cellWidth: 7.5 }, 32: { cellWidth: 7.5 }, 33: { cellWidth: 7.5 }, 34: { cellWidth: 7.5 }, }, columnStyles: { 0: { cellWidth: 15 }, //frequency 1: { cellWidth: 15 }, //task name 2: { cellWidth: 1.5 }, // shift 3: { cellWidth: 5 }, //range 4: { cellWidth: 7.5 }, 5: { cellWidth: 7.5 }, 6: { cellWidth: 7.5 }, 7: { cellWidth: 7.5 }, 8: { cellWidth: 7.5 }, 9: { cellWidth: 7.5 }, 10: { cellWidth: 7.5 }, 11: { cellWidth: 7.5 }, 12: { cellWidth: 7.5 }, 13: { cellWidth: 7.5 }, 14: { cellWidth: 7.5 }, 15: { cellWidth: 7.5 }, 16: { cellWidth: 7.5 }, 17: { cellWidth: 7.5 }, 18: { cellWidth: 7.5 }, 19: { cellWidth: 7.5 }, 20: { cellWidth: 7.5 }, 21: { cellWidth: 7.5 }, 22: { cellWidth: 7.5 }, 23: { cellWidth: 7.5 }, 24: { cellWidth: 7.5 }, 25: { cellWidth: 7.5 }, 26: { cellWidth: 7.5 }, 27: { cellWidth: 7.5 }, 28: { cellWidth: 7.5 }, 29: { cellWidth: 7.5 }, 30: { cellWidth: 7.5 }, 31: { cellWidth: 7.5 }, 32: { cellWidth: 7.5 }, 33: { cellWidth: 7.5 }, 34: { cellWidth: 7.5 }, // etc }, tableWidth: 'auto', headStyles: { minCellHeight: 5, fontSize: 7, fontStyle: 'bold', halign: 'center', text: { minCellWidth: 'wrap' }, lineWidth: 0.02, fillColor: [255, 255, 255], lineColor: [217, 216, 216] }, bodyStyles: { minCellHeight: 5, fontSize: 4.7, margin: { top: 10, bottom: 40, left: 1, right: 1, //width: 120 minCellWidth: 'auto' }, }, styles: { overflow: 'linebreak', cellwidth: 'wrap' }, didParseCell: function (HookData) { if (HookData.cell == undefined) { return; } if (HookData.section === 'head') { HookData.cell.styles.textColor = '#000000'; } if (HookData.cell.text[0].indexOf('10000') > -1) { // HookData.cell.styles.fillColor = [216, 78, 75]; HookData.cell.styles.textColor = 'red'; } }, tableLineColor: [200, 195, 199], tableWidth: 'auto', startY: doc.lastAutoTable.finalY }; doc.autoTable(res.columns, res.data, options); doc.save("table.pdf"); } </script> <style> .someCell { } /*div table{*/ #printJS-form, #printJS-form2 { height: 100%; border-collapse: collapse; border-spacing: initial; width: 100%; padding: 0; margin: 0; } </style> <style> table tr td { font-size: 12px; text-align: center; } table tr th { font-size: 14px; text-align: center; } </style> <style> #printJS-form, #printJS-form2 { border: solid #999 1px; border-collapse: collapse; } #printJS-form td, #printJS-form2 td { padding: 2px; border: solid #999 1px; } #printJS-form tbody:hover td, #printJS-form2 tbody:hover td { background: #CCC; cursor: pointer; } #printJS-form, #printJS-form2 { height: 100%; border-collapse: collapse; border-spacing: initial; width: 100%; padding: 0; margin: 0; } </style> </head> <body> <table id="printJS-form2"> <thead style="background:lightgrey; border-spacing: initial; border-spacing: 0px;"> <tr style="border: 1px solid black;border-collapse:collapse"> <th style="border: 1px solid black;border-collapse:collapse">All View</th> </tr> </thead> <tbody style="background:lightgrey; border-spacing: initial; border-spacing: 0px;"> <tr><th>July 2017</th></tr> </tbody> </table> <table id="printJS-form"> <thead style="background:lightgrey; border-spacing: initial; border-spacing: 0px;"> <tr style="border: 1px solid black;border-collapse:collapse"> <th style="border: 1px solid black;border-collapse:collapse">Frequency</th> <th style="max-width:8rem;min-width:5rem">Task Name</th> <th style="min-width:1rem;border: 1px solid black;border-collapse:collapse">Shift</th> <th style="border: 1px solid black;border-collapse:collapse">Range</th> @for (var i = 1; i <= 31; i++) { <th style="border: 1px solid black;border-collapse:collapse;width:2.2rem;max-width:2.2rem;padding:0rem!important;color: darkmagenta;">@i</th> } </tr> </thead> <tbody> <tr> <td rowspan="3" class="blank someCell" style="align-content:center;text-align:center;border-top:1px;border-bottom:1px; width:4rem;padding:0rem!important;color: black;max-width:4rem;"> Daily </td> <td rowspan="3" class="blank someCell" style="max-width:8rem;border-top:1px;border-bottom:1px;width:8rem;padding:0rem!important;text-align: center;color: black;"> Check The Temperature of instrument </td> <td class="someCell" style="width:2rem;max-width:2rem;border:1px"> IST </td> <td class="blank" style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 1000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 1 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 11111 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:2rem;max-width:2rem"> 2nd </td> <td style="width:3rem;max-width:3rem;"> 3-10 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 111 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:2rem;max-width:2rem;"> 3rd </td> <td style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;background-color:red;font-size:10px"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 45 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px;background-color:red"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange;padding:0rem!important;text-align: center;color: black;font-size:10px"> 60 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 65 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:orange;color: black;font-size:10px"> 70 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;background-color:orange;text-align: center;color: black;font-size:10px"> 140 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 55 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 14 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 11 </td> </tr> </tbody> <tbody> <tr> <td rowspan="3" class="blank someCell" style="align-content:center;text-align:center; width:4rem;padding:0rem!important;color: black;max-width:4rem;"> Daily </td> <td rowspan="3" class="blank someCell" style="max-width:8rem;width:8rem;padding:0rem!important;text-align: center;color: black;"> Check The Temperature of instrument </td> <td class="someCell" style="width:2rem;max-width:2rem;border:1px"> IST </td> <td class="blank" style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 120 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 111 </td> </tr> <tr> <td style="width:2rem;max-width:2rem"> 2nd </td> <td style="width:3rem;max-width:3rem;"> 3-10 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:2rem;max-width:2rem;"> 3rd </td> <td style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;background-color:red;font-size:10px"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 45 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px;background-color:red"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange;padding:0rem!important;text-align: center;color: black;font-size:10px"> 60 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 65 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:orange;color: black;font-size:10px"> 70 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;background-color:orange;text-align: center;color: black;font-size:10px"> 140 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> </tbody> <tbody> <tr> <td rowspan="3" class="blank someCell" style="align-content:center;text-align:center;border-top:1px; width:4rem;padding:0rem!important;color: black;max-width:4rem;"> Scheduled </td> <td rowspan="3" class="blank someCell" style="max-width:8rem;border-bottom:1px;width:8rem;padding:0rem!important;text-align: center;color: black;"> Change Probe after 15 days </td> <td class="someCell" style="width:2rem;max-width:2rem;border:1px"> IST </td> <td class="blank" style="width:3rem;max-width:3rem;"></td> <td colspan="14" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> here check </td> <td colspan="14" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> here check </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> </td> </tr> </tbody> </table> <button onclick="generate()">Generate PDF</button> </body> </html>
Here is the result:
Best Regards,
YongQing.
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Friday, September 6, 2019 6:27 AM
All replies
-
User665608656 posted
Hi erum,
Now ,can any one can remove space between two tablesTo remove the space between two tables, you can add this statement to the second table options:
startY: doc.lastAutoTable.finalY
OR can merge headings (All View,July 2017) in single table using cols span/rowspanFor this question, I don't know exactly what you want to do. Do you have both two headers (All View, July 2017) in your two tables in html code? And you only want to show two headers in one table in pdf?
I hope you can provide your code about this requirements, which will help us solve your issue more easily.
For the first question, here is detailed code based on your previous cases:
<!DOCTYPE html> <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="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.2.4/jspdf.plugin.autotable.js"></script> <script> $(document).ready(function () { $('td.temp').each(function () { var cellValue = $(this).text(); // alert(cellValue.trim().length); if (cellValue.trim().length > 4) { //5 $(this).css({ "font-family": "Arial, Helvetica, sans-serif", "font-size": "8px" }); } else if (cellValue.trim().length > 3) { //4 $(this).css({ "font-family": "Arial, Helvetica, sans-serif", "font-size": "9px" }); } else if (cellValue.trim().length > 2) { //3 $(this).css({ "font-family": "Arial, Helvetica, sans-serif", "font-size": "10px" }); } else if (cellValue.trim().length > 1) { //2 $(this).css({ "font-family": "Arial, Helvetica, sans-serif", "font-size": "11px" }); } else { $(this).css({ "font-family": "Arial, Helvetica, sans-serif", "font-size": "12px" }); } }); }); </script> <script type="text/javascript"> 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 res1 = doc.autoTableHtmlToJson(document.getElementById("printJS-form2")); var header = function (data) { // HEADER //doc.setFontSize(20); //doc.setTextColor(40); //doc.setFontStyle('normal'); //doc.text("Report", data.settings.margin.left + 15,10); }; var options = { tableWidth: 'wrap', didDrawPage: header, margin: { top: 10, bottom: 40, left: 1, right: 1, //width: 120 }, theme: 'grid', styles: { overflow: 'linebreak', lineWidth: 0.02, lineColor: [217, 216, 216] }, //bodyStyles: { // text: { minCellWidth: '10' } //}, rowStyles: { 0: { cellWidth: 15 }, //frequency 1: { cellWidth: 15 }, //task name 2: { cellWidth: 1.5 }, // shift 3: { cellWidth: 5 }, //range 4: { cellWidth: 7.5 }, 5: { cellWidth: 7.5 }, 6: { cellWidth: 7.5 }, 7: { cellWidth: 7.5 }, 8: { cellWidth: 7.5 }, 9: { cellWidth: 7.5 }, 10: { cellWidth: 7.5 }, 11: { cellWidth: 7.5 }, 12: { cellWidth: 7.5 }, 13: { cellWidth: 7.5 }, 14: { cellWidth: 7.5 }, 15: { cellWidth: 7.5 }, 16: { cellWidth: 7.5 }, 17: { cellWidth: 7.5 }, 18: { cellWidth: 7.5 }, 19: { cellWidth: 7.5 }, 20: { cellWidth: 7.5 }, 21: { cellWidth: 7.5 }, 22: { cellWidth: 7.5 }, 23: { cellWidth: 7.5 }, 24: { cellWidth: 7.5 }, 25: { cellWidth: 7.5 }, 26: { cellWidth: 7.5 }, 27: { cellWidth: 7.5 }, 28: { cellWidth: 7.5 }, 29: { cellWidth: 7.5 }, 30: { cellWidth: 7.5 }, 31: { cellWidth: 7.5 }, 32: { cellWidth: 7.5 }, 33: { cellWidth: 7.5 }, 34: { cellWidth: 7.5 }, }, columnStyles: { 0: { cellWidth: 15 }, //frequency 1: { cellWidth: 15 }, //task name 2: { cellWidth: 1.5 }, // shift 3: { cellWidth: 5 }, //range 4: { cellWidth: 7.5 }, 5: { cellWidth: 7.5 }, 6: { cellWidth: 7.5 }, 7: { cellWidth: 7.5 }, 8: { cellWidth: 7.5 }, 9: { cellWidth: 7.5 }, 10: { cellWidth: 7.5 }, 11: { cellWidth: 7.5 }, 12: { cellWidth: 7.5 }, 13: { cellWidth: 7.5 }, 14: { cellWidth: 7.5 }, 15: { cellWidth: 7.5 }, 16: { cellWidth: 7.5 }, 17: { cellWidth: 7.5 }, 18: { cellWidth: 7.5 }, 19: { cellWidth: 7.5 }, 20: { cellWidth: 7.5 }, 21: { cellWidth: 7.5 }, 22: { cellWidth: 7.5 }, 23: { cellWidth: 7.5 }, 24: { cellWidth: 7.5 }, 25: { cellWidth: 7.5 }, 26: { cellWidth: 7.5 }, 27: { cellWidth: 7.5 }, 28: { cellWidth: 7.5 }, 29: { cellWidth: 7.5 }, 30: { cellWidth: 7.5 }, 31: { cellWidth: 7.5 }, 32: { cellWidth: 7.5 }, 33: { cellWidth: 7.5 }, 34: { cellWidth: 7.5 }, // etc }, tableWidth: 'auto', headStyles: { minCellHeight: 5, fontSize: 7, fontStyle: 'bold', halign: 'center', text: { minCellWidth: 'wrap' }, lineWidth: 0.02, fillColor: [255, 255, 255], lineColor: [217, 216, 216] }, bodyStyles: { minCellHeight: 5, fontSize: 4.7, margin: { top: 10, bottom: 40, left: 1, right: 1, //width: 120 minCellWidth: 'auto' }, }, styles: { overflow: 'linebreak', cellwidth: 'wrap' }, didParseCell: function (HookData) { if (HookData.cell == undefined) { return; } if (HookData.section === 'head') { HookData.cell.styles.textColor = '#000000'; } if (HookData.cell.text[0].indexOf('10000') > -1) { // HookData.cell.styles.fillColor = [216, 78, 75]; HookData.cell.styles.textColor = 'red'; } }, tableLineColor: [200, 195, 199], tableWidth: 'auto', }; doc.autoTable(res.columns, res.data, options); var options1 = { tableWidth: 'wrap', didDrawPage: header, margin: { top: 10, bottom: 40, left: 1, right: 1, //width: 120 }, theme: 'grid', styles: { overflow: 'linebreak', lineWidth: 0.02, lineColor: [217, 216, 216] }, //bodyStyles: { // text: { minCellWidth: '10' } //}, rowStyles: { 0: { cellWidth: 15 }, //frequency 1: { cellWidth: 15 }, //task name 2: { cellWidth: 1.5 }, // shift 3: { cellWidth: 5 }, //range 4: { cellWidth: 7.5 }, 5: { cellWidth: 7.5 }, 6: { cellWidth: 7.5 }, 7: { cellWidth: 7.5 }, 8: { cellWidth: 7.5 }, 9: { cellWidth: 7.5 }, 10: { cellWidth: 7.5 }, 11: { cellWidth: 7.5 }, 12: { cellWidth: 7.5 }, 13: { cellWidth: 7.5 }, 14: { cellWidth: 7.5 }, 15: { cellWidth: 7.5 }, 16: { cellWidth: 7.5 }, 17: { cellWidth: 7.5 }, 18: { cellWidth: 7.5 }, 19: { cellWidth: 7.5 }, 20: { cellWidth: 7.5 }, 21: { cellWidth: 7.5 }, 22: { cellWidth: 7.5 }, 23: { cellWidth: 7.5 }, 24: { cellWidth: 7.5 }, 25: { cellWidth: 7.5 }, 26: { cellWidth: 7.5 }, 27: { cellWidth: 7.5 }, 28: { cellWidth: 7.5 }, 29: { cellWidth: 7.5 }, 30: { cellWidth: 7.5 }, 31: { cellWidth: 7.5 }, 32: { cellWidth: 7.5 }, 33: { cellWidth: 7.5 }, 34: { cellWidth: 7.5 }, }, columnStyles: { 0: { cellWidth: 15 }, //frequency 1: { cellWidth: 15 }, //task name 2: { cellWidth: 1.5 }, // shift 3: { cellWidth: 5 }, //range 4: { cellWidth: 7.5 }, 5: { cellWidth: 7.5 }, 6: { cellWidth: 7.5 }, 7: { cellWidth: 7.5 }, 8: { cellWidth: 7.5 }, 9: { cellWidth: 7.5 }, 10: { cellWidth: 7.5 }, 11: { cellWidth: 7.5 }, 12: { cellWidth: 7.5 }, 13: { cellWidth: 7.5 }, 14: { cellWidth: 7.5 }, 15: { cellWidth: 7.5 }, 16: { cellWidth: 7.5 }, 17: { cellWidth: 7.5 }, 18: { cellWidth: 7.5 }, 19: { cellWidth: 7.5 }, 20: { cellWidth: 7.5 }, 21: { cellWidth: 7.5 }, 22: { cellWidth: 7.5 }, 23: { cellWidth: 7.5 }, 24: { cellWidth: 7.5 }, 25: { cellWidth: 7.5 }, 26: { cellWidth: 7.5 }, 27: { cellWidth: 7.5 }, 28: { cellWidth: 7.5 }, 29: { cellWidth: 7.5 }, 30: { cellWidth: 7.5 }, 31: { cellWidth: 7.5 }, 32: { cellWidth: 7.5 }, 33: { cellWidth: 7.5 }, 34: { cellWidth: 7.5 }, // etc }, tableWidth: 'auto', headStyles: { minCellHeight: 5, fontSize: 7, fontStyle: 'bold', halign: 'center', text: { minCellWidth: 'wrap' }, lineWidth: 0.02, fillColor: [255, 255, 255], lineColor: [217, 216, 216] }, bodyStyles: { minCellHeight: 5, fontSize: 4.7, margin: { top: 10, bottom: 40, left: 1, right: 1, //width: 120 minCellWidth: 'auto' }, }, styles: { overflow: 'linebreak', cellwidth: 'wrap' }, didParseCell: function (HookData) { if (HookData.cell == undefined) { return; } if (HookData.section === 'head') { HookData.cell.styles.textColor = '#000000'; } if (HookData.cell.text[0].indexOf('10000') > -1) { // HookData.cell.styles.fillColor = [216, 78, 75]; HookData.cell.styles.textColor = 'red'; } }, tableLineColor: [200, 195, 199], tableWidth: 'auto', startY: doc.lastAutoTable.finalY }; doc.autoTable(res1.columns, res1.data, options1); doc.save("table.pdf"); } </script> <style> .someCell { } /*div table{*/ #printJS-form, #printJS-form2,#title1,#title2 { height: 100%; border-collapse: collapse; border-spacing: initial; width: 100%; padding: 0; margin: 0; } </style> <style> table tr td { font-size: 12px; text-align: center; } table tr th { font-size: 14px; text-align: center; } </style> <style> #printJS-form, #printJS-form2, #title1, #title2 { border: solid #999 1px; border-collapse: collapse; } #printJS-form td, #printJS-form2 td, #title1 td, #title2 td { padding: 2px; border: solid #999 1px; } #printJS-form tbody:hover td, #printJS-form2 tbody:hover td, #title1 tbody:hover td, #title2 tbody:hover td { background: #CCC; cursor: pointer; } #printJS-form, #printJS-form2, #title1, #title2 { height: 100%; border-collapse: collapse; border-spacing: initial; width: 100%; padding: 0; margin: 0; } </style> </head> <body> @*<table id="title1"> <thead style="background:lightgrey; border-spacing: initial; border-spacing: 0px;"> <tr style="border: 1px solid black;border-collapse:collapse"><th colspan="35">All View</th></tr> </thead> <tbody> </tbody> </table> <table id="title2"> <thead style="background:lightgrey; border-spacing: initial; border-spacing: 0px;"> <tr style="border: 1px solid black;border-collapse:collapse"><th colspan="35">July 2017</th></tr> </thead> <tbody></tbody> </table>*@ <table id="printJS-form"> <thead style="background:lightgrey; border-spacing: initial; border-spacing: 0px;"> @*<tr style="border: 1px solid black;border-collapse:collapse"><th colspan="35">All View</th></tr> <tr style="border: 1px solid black;border-collapse:collapse"><th colspan="35">July 2017</th></tr>*@ <tr style="border: 1px solid black;border-collapse:collapse"> <th style="border: 1px solid black;border-collapse:collapse">Frequency</th> <th style="max-width:8rem;min-width:5rem">Task Name</th> <th style="min-width:1rem;border: 1px solid black;border-collapse:collapse">Shift</th> <th style="border: 1px solid black;border-collapse:collapse">Range</th> @for (var i = 1; i <= 31; i++) { <th style="border: 1px solid black;border-collapse:collapse;width:2.2rem;max-width:2.2rem;padding:0rem!important;color: darkmagenta;">@i</th> } </tr> </thead> <tbody> <tr> <td rowspan="3" class="blank someCell" style="align-content:center;text-align:center;border-top:1px;border-bottom:1px; width:4rem;padding:0rem!important;color: black;max-width:4rem;"> Daily </td> <td rowspan="3" class="blank someCell" style="max-width:8rem;border-top:1px;border-bottom:1px;width:8rem;padding:0rem!important;text-align: center;color: black;"> Check The Temperature of instrument </td> <td class="someCell" style="width:2rem;max-width:2rem;border:1px"> IST </td> <td class="blank" style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 1000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 1 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 11111 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:2rem;max-width:2rem"> 2nd </td> <td style="width:3rem;max-width:3rem;"> 3-10 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 111 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:2rem;max-width:2rem;"> 3rd </td> <td style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;background-color:red;font-size:10px"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 45 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px;background-color:red"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange;padding:0rem!important;text-align: center;color: black;font-size:10px"> 60 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 65 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:orange;color: black;font-size:10px"> 70 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;background-color:orange;text-align: center;color: black;font-size:10px"> 140 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 55 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 14 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 11 </td> </tr> </tbody> <tbody> <tr> <td rowspan="3" class="blank someCell" style="align-content:center;text-align:center; width:4rem;padding:0rem!important;color: black;max-width:4rem;"> Daily </td> <td rowspan="3" class="blank someCell" style="max-width:8rem;width:8rem;padding:0rem!important;text-align: center;color: black;"> Check The Temperature of instrument </td> <td class="someCell" style="width:2rem;max-width:2rem;border:1px"> IST </td> <td class="blank" style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 120 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 111 </td> </tr> <tr> <td style="width:2rem;max-width:2rem"> 2nd </td> <td style="width:3rem;max-width:3rem;"> 3-10 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:2rem;max-width:2rem;"> 3rd </td> <td style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;background-color:red;font-size:10px"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 45 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px;background-color:red"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange;padding:0rem!important;text-align: center;color: black;font-size:10px"> 60 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 65 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:orange;color: black;font-size:10px"> 70 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;background-color:orange;text-align: center;color: black;font-size:10px"> 140 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> </tbody> <tbody> <tr> <td rowspan="3" class="blank someCell" style="align-content:center;text-align:center;border-top:1px; width:4rem;padding:0rem!important;color: black;max-width:4rem;"> Scheduled </td> <td rowspan="3" class="blank someCell" style="max-width:8rem;border-bottom:1px;width:8rem;padding:0rem!important;text-align: center;color: black;"> Change Probe after 15 days </td> <td class="someCell" style="width:2rem;max-width:2rem;border:1px"> IST </td> <td class="blank" style="width:3rem;max-width:3rem;"></td> <td colspan="14" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> here check </td> <td colspan="14" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> here check </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> </td> </tr> </tbody> </table> <table id="printJS-form2"> <thead style="background:lightgrey; border-spacing: initial; border-spacing: 0px;"> @*<tr style="border: 1px solid black;border-collapse:collapse"><th colspan="35">All View</th></tr> <tr style="border: 1px solid black;border-collapse:collapse"><th colspan="35">July 2017</th></tr>*@ <tr style="border: 1px solid black;border-collapse:collapse"> <th style="border: 1px solid black;border-collapse:collapse">Frequency</th> <th style="max-width:8rem;min-width:5rem">Task Name</th> <th style="min-width:1rem;border: 1px solid black;border-collapse:collapse">Shift</th> <th style="border: 1px solid black;border-collapse:collapse">Range</th> @for (var i = 1; i <= 31; i++) { <th style="border: 1px solid black;border-collapse:collapse;width:2.2rem;max-width:2.2rem;padding:0rem!important;color: darkmagenta;">@i</th> } </tr> </thead> <tbody> <tr> <td rowspan="3" class="blank someCell" style="align-content:center;text-align:center;border-top:1px;border-bottom:1px; width:4rem;padding:0rem!important;color: black;max-width:4rem;"> Daily </td> <td rowspan="3" class="blank someCell" style="max-width:8rem;border-top:1px;border-bottom:1px;width:8rem;padding:0rem!important;text-align: center;color: black;"> Check The Temperature of instrument </td> <td class="someCell" style="width:2rem;max-width:2rem;border:1px"> IST </td> <td class="blank" style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 1000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 1 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 11111 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:2rem;max-width:2rem"> 2nd </td> <td style="width:3rem;max-width:3rem;"> 3-10 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 111 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:2rem;max-width:2rem;"> 3rd </td> <td style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;background-color:red;font-size:10px"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 45 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px;background-color:red"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange;padding:0rem!important;text-align: center;color: black;font-size:10px"> 60 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 65 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:orange;color: black;font-size:10px"> 70 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;background-color:orange;text-align: center;color: black;font-size:10px"> 140 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 55 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 14 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 11 </td> </tr> </tbody> <tbody> <tr> <td rowspan="3" class="blank someCell" style="align-content:center;text-align:center; width:4rem;padding:0rem!important;color: black;max-width:4rem;"> Daily </td> <td rowspan="3" class="blank someCell" style="max-width:8rem;width:8rem;padding:0rem!important;text-align: center;color: black;"> Check The Temperature of instrument </td> <td class="someCell" style="width:2rem;max-width:2rem;border:1px"> IST </td> <td class="blank" style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 120 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 111 </td> </tr> <tr> <td style="width:2rem;max-width:2rem"> 2nd </td> <td style="width:3rem;max-width:3rem;"> 3-10 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:2rem;max-width:2rem;"> 3rd </td> <td style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;background-color:red;font-size:10px"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 45 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px;background-color:red"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange;padding:0rem!important;text-align: center;color: black;font-size:10px"> 60 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 65 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:orange;color: black;font-size:10px"> 70 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;background-color:orange;text-align: center;color: black;font-size:10px"> 140 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> </tbody> <tbody> <tr> <td rowspan="3" class="blank someCell" style="align-content:center;text-align:center;border-top:1px; width:4rem;padding:0rem!important;color: black;max-width:4rem;"> Scheduled </td> <td rowspan="3" class="blank someCell" style="max-width:8rem;border-bottom:1px;width:8rem;padding:0rem!important;text-align: center;color: black;"> Change Probe after 15 days </td> <td class="someCell" style="width:2rem;max-width:2rem;border:1px"> IST </td> <td class="blank" style="width:3rem;max-width:3rem;"></td> <td colspan="14" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> here check </td> <td colspan="14" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> here check </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> </td> </tr> </tbody> </table> <button onclick="generate()">Generate PDF</button> </body> </html>
Here is the result:
Best Regards,
YongQing.
Friday, September 6, 2019 3:03 AM -
User81789783 posted
no ,u r not getting me i want like this
=================================================================================================================
All View
=================================================================================================================
July 2017
=================================================================================================================
Then further tabular structure like Frequency ,RAnge etc etc .that means multi level heading I need
- All View (First header center align)
- July 2017(second header center align)
- Freguency ,Range , like as old scenario
Friday, September 6, 2019 4:32 AM -
User665608656 posted
Hi erum,
no ,u r not getting me i want like thisI'm sorry for my misunderstanding of your needs.
According to your description, you can refer to this code:
<!DOCTYPE html> <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="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.2.4/jspdf.plugin.autotable.js"></script> <script> $(document).ready(function () { $('td.temp').each(function () { var cellValue = $(this).text(); // alert(cellValue.trim().length); if (cellValue.trim().length > 4) { //5 $(this).css({ "font-family": "Arial, Helvetica, sans-serif", "font-size": "8px" }); } else if (cellValue.trim().length > 3) { //4 $(this).css({ "font-family": "Arial, Helvetica, sans-serif", "font-size": "9px" }); } else if (cellValue.trim().length > 2) { //3 $(this).css({ "font-family": "Arial, Helvetica, sans-serif", "font-size": "10px" }); } else if (cellValue.trim().length > 1) { //2 $(this).css({ "font-family": "Arial, Helvetica, sans-serif", "font-size": "11px" }); } else { $(this).css({ "font-family": "Arial, Helvetica, sans-serif", "font-size": "12px" }); } }); }); </script> <script type="text/javascript"> function generate() { var doc = new jsPDF('l', 'mm', "a4"); var res1 = doc.autoTableHtmlToJson(document.getElementById("printJS-form2")); var res = doc.autoTableHtmlToJson(document.getElementById("printJS-form")); var header = function (data) { // HEADER //doc.setFontSize(20); //doc.setTextColor(40); //doc.setFontStyle('normal'); //doc.text("Report", data.settings.margin.left + 15,10); }; var options1 = { tableWidth: 'wrap', didDrawPage: header, margin: { top: 10, bottom: 40, left: 1, right: 1, //width: 120 }, theme: 'grid', styles: { overflow: 'linebreak', lineWidth: 0.02, lineColor: [217, 216, 216] }, tableWidth: 'auto', headStyles: { minCellHeight: 5, fontSize: 7, fontStyle: 'bold', halign: 'center', text: { minCellWidth: 'wrap' }, lineWidth: 0.02, fillColor: [255, 255, 255], lineColor: [217, 216, 216] }, bodyStyles: { minCellHeight: 5, fontSize: 4.7, margin: { top: 10, bottom: 40, left: 1, right: 1, //width: 120 minCellWidth: 'auto' }, }, didParseCell: function (HookData) { if (HookData.cell == undefined) { return; } HookData.cell.styles.fontStyle = "bold"; HookData.cell.styles.fontSize = 7; HookData.cell.styles.halign = "center"; HookData.cell.styles.textColor = '#000000'; }, styles: { overflow: 'linebreak', cellwidth: 'wrap' }, tableLineColor: [200, 195, 199], tableWidth: 'auto', }; doc.autoTable(res1.columns, res1.data, options1); var options = { tableWidth: 'wrap', didDrawPage: header, margin: { top: 10, bottom: 40, left: 1, right: 1, //width: 120 }, theme: 'grid', styles: { overflow: 'linebreak', lineWidth: 0.02, lineColor: [217, 216, 216] }, //bodyStyles: { // text: { minCellWidth: '10' } //}, rowStyles: { 0: { cellWidth: 15 }, //frequency 1: { cellWidth: 15 }, //task name 2: { cellWidth: 1.5 }, // shift 3: { cellWidth: 5 }, //range 4: { cellWidth: 7.5 }, 5: { cellWidth: 7.5 }, 6: { cellWidth: 7.5 }, 7: { cellWidth: 7.5 }, 8: { cellWidth: 7.5 }, 9: { cellWidth: 7.5 }, 10: { cellWidth: 7.5 }, 11: { cellWidth: 7.5 }, 12: { cellWidth: 7.5 }, 13: { cellWidth: 7.5 }, 14: { cellWidth: 7.5 }, 15: { cellWidth: 7.5 }, 16: { cellWidth: 7.5 }, 17: { cellWidth: 7.5 }, 18: { cellWidth: 7.5 }, 19: { cellWidth: 7.5 }, 20: { cellWidth: 7.5 }, 21: { cellWidth: 7.5 }, 22: { cellWidth: 7.5 }, 23: { cellWidth: 7.5 }, 24: { cellWidth: 7.5 }, 25: { cellWidth: 7.5 }, 26: { cellWidth: 7.5 }, 27: { cellWidth: 7.5 }, 28: { cellWidth: 7.5 }, 29: { cellWidth: 7.5 }, 30: { cellWidth: 7.5 }, 31: { cellWidth: 7.5 }, 32: { cellWidth: 7.5 }, 33: { cellWidth: 7.5 }, 34: { cellWidth: 7.5 }, }, columnStyles: { 0: { cellWidth: 15 }, //frequency 1: { cellWidth: 15 }, //task name 2: { cellWidth: 1.5 }, // shift 3: { cellWidth: 5 }, //range 4: { cellWidth: 7.5 }, 5: { cellWidth: 7.5 }, 6: { cellWidth: 7.5 }, 7: { cellWidth: 7.5 }, 8: { cellWidth: 7.5 }, 9: { cellWidth: 7.5 }, 10: { cellWidth: 7.5 }, 11: { cellWidth: 7.5 }, 12: { cellWidth: 7.5 }, 13: { cellWidth: 7.5 }, 14: { cellWidth: 7.5 }, 15: { cellWidth: 7.5 }, 16: { cellWidth: 7.5 }, 17: { cellWidth: 7.5 }, 18: { cellWidth: 7.5 }, 19: { cellWidth: 7.5 }, 20: { cellWidth: 7.5 }, 21: { cellWidth: 7.5 }, 22: { cellWidth: 7.5 }, 23: { cellWidth: 7.5 }, 24: { cellWidth: 7.5 }, 25: { cellWidth: 7.5 }, 26: { cellWidth: 7.5 }, 27: { cellWidth: 7.5 }, 28: { cellWidth: 7.5 }, 29: { cellWidth: 7.5 }, 30: { cellWidth: 7.5 }, 31: { cellWidth: 7.5 }, 32: { cellWidth: 7.5 }, 33: { cellWidth: 7.5 }, 34: { cellWidth: 7.5 }, // etc }, tableWidth: 'auto', headStyles: { minCellHeight: 5, fontSize: 7, fontStyle: 'bold', halign: 'center', text: { minCellWidth: 'wrap' }, lineWidth: 0.02, fillColor: [255, 255, 255], lineColor: [217, 216, 216] }, bodyStyles: { minCellHeight: 5, fontSize: 4.7, margin: { top: 10, bottom: 40, left: 1, right: 1, //width: 120 minCellWidth: 'auto' }, }, styles: { overflow: 'linebreak', cellwidth: 'wrap' }, didParseCell: function (HookData) { if (HookData.cell == undefined) { return; } if (HookData.section === 'head') { HookData.cell.styles.textColor = '#000000'; } if (HookData.cell.text[0].indexOf('10000') > -1) { // HookData.cell.styles.fillColor = [216, 78, 75]; HookData.cell.styles.textColor = 'red'; } }, tableLineColor: [200, 195, 199], tableWidth: 'auto', startY: doc.lastAutoTable.finalY }; doc.autoTable(res.columns, res.data, options); doc.save("table.pdf"); } </script> <style> .someCell { } /*div table{*/ #printJS-form, #printJS-form2 { height: 100%; border-collapse: collapse; border-spacing: initial; width: 100%; padding: 0; margin: 0; } </style> <style> table tr td { font-size: 12px; text-align: center; } table tr th { font-size: 14px; text-align: center; } </style> <style> #printJS-form, #printJS-form2 { border: solid #999 1px; border-collapse: collapse; } #printJS-form td, #printJS-form2 td { padding: 2px; border: solid #999 1px; } #printJS-form tbody:hover td, #printJS-form2 tbody:hover td { background: #CCC; cursor: pointer; } #printJS-form, #printJS-form2 { height: 100%; border-collapse: collapse; border-spacing: initial; width: 100%; padding: 0; margin: 0; } </style> </head> <body> <table id="printJS-form2"> <thead style="background:lightgrey; border-spacing: initial; border-spacing: 0px;"> <tr style="border: 1px solid black;border-collapse:collapse"> <th style="border: 1px solid black;border-collapse:collapse">All View</th> </tr> </thead> <tbody style="background:lightgrey; border-spacing: initial; border-spacing: 0px;"> <tr><th>July 2017</th></tr> </tbody> </table> <table id="printJS-form"> <thead style="background:lightgrey; border-spacing: initial; border-spacing: 0px;"> <tr style="border: 1px solid black;border-collapse:collapse"> <th style="border: 1px solid black;border-collapse:collapse">Frequency</th> <th style="max-width:8rem;min-width:5rem">Task Name</th> <th style="min-width:1rem;border: 1px solid black;border-collapse:collapse">Shift</th> <th style="border: 1px solid black;border-collapse:collapse">Range</th> @for (var i = 1; i <= 31; i++) { <th style="border: 1px solid black;border-collapse:collapse;width:2.2rem;max-width:2.2rem;padding:0rem!important;color: darkmagenta;">@i</th> } </tr> </thead> <tbody> <tr> <td rowspan="3" class="blank someCell" style="align-content:center;text-align:center;border-top:1px;border-bottom:1px; width:4rem;padding:0rem!important;color: black;max-width:4rem;"> Daily </td> <td rowspan="3" class="blank someCell" style="max-width:8rem;border-top:1px;border-bottom:1px;width:8rem;padding:0rem!important;text-align: center;color: black;"> Check The Temperature of instrument </td> <td class="someCell" style="width:2rem;max-width:2rem;border:1px"> IST </td> <td class="blank" style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 1000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 1 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 11111 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:2rem;max-width:2rem"> 2nd </td> <td style="width:3rem;max-width:3rem;"> 3-10 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 111 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:2rem;max-width:2rem;"> 3rd </td> <td style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;background-color:red;font-size:10px"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 45 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px;background-color:red"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange;padding:0rem!important;text-align: center;color: black;font-size:10px"> 60 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 65 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:orange;color: black;font-size:10px"> 70 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;background-color:orange;text-align: center;color: black;font-size:10px"> 140 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 55 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 14 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 11 </td> </tr> </tbody> <tbody> <tr> <td rowspan="3" class="blank someCell" style="align-content:center;text-align:center; width:4rem;padding:0rem!important;color: black;max-width:4rem;"> Daily </td> <td rowspan="3" class="blank someCell" style="max-width:8rem;width:8rem;padding:0rem!important;text-align: center;color: black;"> Check The Temperature of instrument </td> <td class="someCell" style="width:2rem;max-width:2rem;border:1px"> IST </td> <td class="blank" style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 120 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 111 </td> </tr> <tr> <td style="width:2rem;max-width:2rem"> 2nd </td> <td style="width:3rem;max-width:3rem;"> 3-10 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> <tr> <td style="width:2rem;max-width:2rem;"> 3rd </td> <td style="width:3rem;max-width:3rem;"> </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;background-color:red;font-size:10px"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 45 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px;background-color:red"> 999 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange;padding:0rem!important;text-align: center;color: black;font-size:10px"> 60 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;background-color:orange; padding:0rem!important;text-align: center;color: black;font-size:10px"> 65 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:orange;color: black;font-size:10px"> 70 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;background-color:orange;text-align: center;color: black;font-size:10px"> 140 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;background-color:forestgreen;color: black;font-size:10px"> 10000 </td> <td class="temp" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> 10000 </td> </tr> </tbody> <tbody> <tr> <td rowspan="3" class="blank someCell" style="align-content:center;text-align:center;border-top:1px; width:4rem;padding:0rem!important;color: black;max-width:4rem;"> Scheduled </td> <td rowspan="3" class="blank someCell" style="max-width:8rem;border-bottom:1px;width:8rem;padding:0rem!important;text-align: center;color: black;"> Change Probe after 15 days </td> <td class="someCell" style="width:2rem;max-width:2rem;border:1px"> IST </td> <td class="blank" style="width:3rem;max-width:3rem;"></td> <td colspan="14" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> here check </td> <td colspan="14" style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> here check </td> <td style="width:2.2rem;max-width:2.2rem;padding:0rem!important;text-align: center;color: black;font-size:10px"> </td> </tr> </tbody> </table> <button onclick="generate()">Generate PDF</button> </body> </html>
Here is the result:
Best Regards,
YongQing.
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Friday, September 6, 2019 6:27 AM