[javascript] 인쇄 영역 지정 / 테이블 배경 컬러 인쇄 css 속성

<div id="modal-print-area">
	<table>
    	<tbody>
        	<tr>
            	<th style="background-color: #eee;-webkit-print-color-adjust:exact;">테이블 타이틀</th>
                <td>테이블 컨텐츠</td>
            </tr>
        </tbody>
    </table>
</div>

<button type="button" class="btn" id="btn-modal-print" onclick="startPrint('modal-print-area');" style="min-width: unset;font-size: 14px;">인쇄</button>

<script>
    function startPrint () {
        var prtCtnt = document.getElementById('modal-print-area');
        var prtOption = 'left=0,top=0,width=690,height=900,toolbar=0,scrollbars=0,status=0';
        var WinPrint = window.open('', '', prtOption);
        WinPrint.document.write(prtCtnt.innerHTML);
        WinPrint.document.close();
        WinPrint.focus();
        WinPrint.print();
        WinPrint.close();
    }
</script>

 

*참조

https://openuri.net/entry/%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80%EC%9D%98-%ED%8A%B9%EC%A0%95-%EB%B6%80%EB%B6%84%EB%A7%8C-%EC%9D%B8%EC%87%84%ED%95%98%EA%B3%A0-%EC%8B%B6%EC%9D%84-%EB%95%8C