Impreessao
Impressao div
by Rapha Souza
HTML
<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!--
Bootstrap docs: https://getbootstrap.com/docs
-->
<div id="impressao" style="display: none">
<fieldset>
<legend><b>Solicitação</b></legend>
<h1>Emitido em <a>10/05/2019</a> de <a>01/04/2019 à 05/04/2019</a></h1>
<p><h2><a>123</a> Solicitações</h2></p>
</fieldset>
<fieldset>
<legend><b>Filros Utilizados</b></legend>
<div class="row">
<div class="column">
<p>Atividade: <a>Atender Demanda</a></p>
<p>Tipo: <a>Contábil</a></p>
<p>No Prazo: <a>Sim</a></p>
</div>
<div class="column">
<p><b>Fornecedor:</b> <a>TOTVS</a></p>
<p><b>Responsável: </b><a>Maria</a></p>
<p><b>Em Andamento?: </b><a>Sim</a></p>
</div>
<div class="column">
<p><b>Solicitação: </b><a>Na Porta</a></p>
<p><b>Demanda: </b><a>Contábil</a></p>
<p><b>Demanda Contábil?: </b><a>Sim</a></p>
</div>
</div>
</fieldset>
<div class="row">
<input type="hidden" value="idtable_2831" name="valorTable" id="valorTable">
<div id="idtable_2831" class="form-group col-md-12" style="zoom: 1;">
<table id="fluig-table-1556136082043" class="table table-datatable ">
<thead>
<tr>
<th class="order-by col-md" data-order-by="solicitacao">
<a href="#">ID</a>
<a class="cell-option pull-right dropdown" href="#"...
CSS
.row {
background: #f8f9fa;
margin-top: 20px;
}
.col {
border: solid 1px #6c757d;
padding: 10px;
}