JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row" style="margin:0 1cm 0cm 1cm" id="div_print">
		<div class="col-md-12"><!-- COL 3 -->
                    
			<div class="row">
			<div class="col-md-12" style="padding:0 !important;">
			
			
            <div class="row">
			<div class="col-md-12" style="padding:0 !important;">
          

				<p align='justify'>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>			
			</div>
			</div>         
            
            <div class="row">
			<div class="col-md-12" style="padding:0 !important;">
          
				<ol type='1' style='padding:12px !important;'>
				<li><strong>Jenis Pengadaan</strong></li><br />
					<table class='t_padded' width='100%' border='1px' style='border-spacing: 1px;'>
					<tr>
						<th style='text-align:center;'>Nama</th>
						<th style='text-align:center;'>Satuan</th>
						<th style='text-align:center;'>Jumlah</th>
						<th style='text-align:center;'>Harga Satuan</th>
						<th style='text-align:center;'>Harga Total</th>
					</tr>			
          <tr>
						<th style='text-align:center;'>xxx</th>
						<th style='text-align:center;'>xxx</th>
						<th style='text-align:center;'>xxx</th>
						<th style='text-align:center;'>xxx</th>
						<th style='text-align:center;'>xxx</th>
					</tr>
          <tr>
						<th style='text-align:center;'>xxx</th>
						<th style='text-align:center;'>xxx</th>
						<th style='text-align:center;'>xxx</th>
						<th...

CSS

<style type="text/css">
		.t_padded th, .t_padded td { padding: 5px; }
		.not_padded th, .not_padded td { padding: 0px; }
		
		
		@media print {
			footer {
				position: fixed;
				bottom: 0;
			}		
		}
	</style>