У меня есть div с классом row, и мне нужно установить UI с col-mod-6 и еще col-mod- 6 с датами рядом, но этого не происходит.
HTML:
<div id="invoice-company-details" class="row">
<div class="col-md-6 col-sm-12 text-center text-md-left">
<ul>
<li>Industry India</li>
<li>Narasimha Nagar,</li>
<li>Machilipatnam - 521002,</li>
<li>GSTIN/UIN: HSGS038NM</li>
<li>State Name: Andhra Pradesh, Code : 37</li>
</ul>
</div>
<div class="col-md-6 col-sm-12 text-center text-md-right">
<h6>From Date: <b>{{ from | date }} </b></h6>
<h6>To Date: <b>{{to | date }} </b></h6>
</div>
</div>
Печать раздела Машинопись:
private printSection(reportSection: any) {
let printContents, popupWin;
printContents = document.getElementById(reportSection).innerHTML;
popupWin = window.open('', '_blank', 'top=0,left=0,height=100%,width=auto');
popupWin.document.open();
popupWin.document.write(`
<html>
<head>
<style>
body { width: 99%;}
h1 {
text-align:center;
}
label { font-weight: 400;
font-size: 13px;
padding: 2px;
margin-bottom: 5px;
}
table, td, th {
border: 1px solid silver;
}
table td{
text-align: center;
font-size: 13px;
}
table th{
font-size: 13px;
}
table{
border-collapse: collapse;
width: 98%;
}
th {
height: 26px;
}
th:nth-child(4),th:nth-child(8),th:nth-child(9),th:nth-child(10),th:nth-last-child(4),th:nth-last-child(3),th:nth-last-child(2) {
text-align: right;
}
td:nth-child(4),td:nth-child(8),td:nth-child(9),td:nth-child(10),td:nth-last-child(2),
td:nth-last-child(3),td:nth-last-child(4) {
text-align: right;
}
</style>
</head>
<body onload="window.print();window.close()">${printContents}</body>
</html>`
);
popupWin.document.close();
}
