JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    
        <table class="report">

            <caption>
                REPORT MADE BY: userName <br>
                INCOME REPORT (userName). FROM 02/02/02 UNTIL 03/03/03. GENERATED IN: 08/24/2016 - 11:03
            </caption>

            <thead>
                <tr>
                    <td>ID</td>
                    <td>OBS</td>
                    <td>CUST CENTER</td>
                    <td>CLIENT</td>
                    <td>PAYMENT DATE</td>
                    <td>PAYING DATE</td>
                    <td>VALUE</td>
                    <td>RECEIVED VALUE</td>
            </thead>

            <tbody>
                <tr>
                    <td>xx</td>
                    <td>xxxxxx</td>
                    <td>xxxxx</td>
                    <td>xxxxx</td>
                    <td>xxxxxx</td>
                    <td>xxxxxxx</td>
                    <td class="numeric">
                        <div class="txt-al-left">
                            U$<br>
                        </div>
                        123123
                    </td>
                    <td class="numeric">
                        <div class="txt-al-left">
                            U$
                        </div>
                        123123
                    </td>
                </tr>
            </tbody>
            <tbody>
                <tr>
                    <td>xx</td>
                    <td>xxxxxx</td>
                    <td>xxxxx</td>
                    <td>xxxxx</td>
                    <td>xxxxxx</td>
                    <td>xxxxxxx</td>
                    <td class="numeric">
                        <div class="txt-al-left">
                            U$<br>
                        </div>
                        123123
                    </td>
                    <td class="numeric">
                        <div class="txt-al-left">
                            U$
                        </div>
                        123123
                   ...

CSS

<style>
            table.report {
                border-collapse: collapse;
                width: 100%;
            }
            table.report tr td {
                border:1px solid #484848;
                text-align: center;
            }
            table.report td.numeric {
                text-align: right;
            }
            table.report td.numeric .txt-al-left {
                text-align: left;
                float: left;
                border:none;
                text-align: left;
            }
            table.report tfoot tr td,
            table.report thead tr td {
                background: #D7D7D7;
                height: 30px;
                font-weight: bold;
            }
            @media print {

                table.report tfoot tr td,
                table.report thead tr td {
                    height: auto;
                } 
            }
        </style>