JSFiddle - React, Tailwind, and code Playground

by ppgab

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.7/semantic.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.7/semantic.min.css">
<div class="ui basic fluid segment">
<div class="ui two column grid">
    <div class="ui twelve wide column">
            <div class="ui center aligned basic segment">
                <h1 class="ui left aligned header">
                    Edpell Descartáveis
                    <div class="sub header">
                        Nota de Venda
                    </div>
                </h1>
                <div class="ui divider">
                </div>
                <table class="ui center aligned very basic table">
                    <thead>
                        <tr>
                            <th class="two wide">Quant.</th>
                            <th class="eight wide">Produto</th>
                            <th class="three wide">Preço Un.</th>
                            <th class="three wide">Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>5</td>
                            <td>
                                <h5 class="ui centered icon header">
                                    Copo Zanatta 400ml   
                                    <div class="sub header">Tira c/100</div>
                                </h5>
                            </td>
                            <td>10,00</td>
                            <td>50,00</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>
                                <h5 class="ui centered icon header">
                                    Copo Zanatta 500ml   
                                    <div class="sub header">Caixa c/5000</div>
                                </h5>
                            </td>
       ...

CSS

#full_screen{
  height : 100%;
}
h5{
  margin-bottom: 0 !important
}
thead tr th{
  
}