<div class="table-responsive">
    <table class="datatable-show-all table">
        <thead class="{{ class }}">
        <tr>
            <th>
                <div style="white-space: normal!important; display: flex; flex-direction: row; justify-content: space-between;align-items: center;">
                    <span>Appart.</span>
                    <span>N° App.</span>
                </div>
            </th>
            <th>Occupé par</th>
            <th>Zone</th>
            <th>Mt. du loyer</th>
            <th>Commission</th>
            <th>Démarcheur</th>
            <th>Status</th>
            <th>Actions</th>
        </tr>
        </thead>
        <tbody>
       
        </tbody>
        <tfoot class="{{ class }}">
        <tr>
            <th colspan="3">TOTAL</th>
            <th>{{ total|format_currency(currency()) }}</th>
            <th colspan="2"></th>
        </tr>
        </tfoot>
    </table>
</div>
