Предварительный просмотр печати не отображает правильный макет ⇐ Html

[Anonymous]

Мне нужно распечатать HTML-код, поэтому я выкладываю его так, как хочу. Но когда я нажимаю кнопку печати и попадаю в режим предварительного просмотра, макет становится испорченным. Мой код ниже:
в html

Код: Выделить всё

SOSA | PMIS



Transaction Date
{{dateToday | date}}


Collecting Agent
{{propertyLedger.CollectinAgentName}}


Unit Name
{{propertyLedger.UnitName}}


Payment Type
{{propertyLedger.PaymentType}}


O.R. Number
{{propertyLedger.ORNumber}}


Remarks
{{propertyLedger.Remarks}}



Details


Print

в файле ts

Код: Выделить всё

print() {
let printContents, popupWin;
printContents = document.getElementById('print-section').innerHTML;
popupWin = window.open('', '_blank', 'top=0,left=0,height=100%,width=auto');
popupWin.document.open();
popupWin.document.write(`


Print tab

//........Customized style.......


${printContents}
`
);
popupWin.document.close();
}

в моем макете


Как только я нажму на печать, в предварительном просмотре печати:


Кажется, что тексты в левой части таблицы смещаются в центр. Я хотел бы получить желаемый макет без таблицы.

Подробнее здесь: https://stackoverflow.com/questions/515 ... ght-layout