dbois/application/views/reports/invoices/_invoicetable.php

<table class="table table-condensed" style="font-size:0.8em;">
    <thead>
    <tr>
        <th class="rotate">
            <div><span>project</span></div>
        </th>
        <th class="rotate" width="150px">
            <div><span>klant</span></div>
        </th>
        <th class="rotate" width="100px">
            <div><span>status afgehandeld</span></div>
        </th>
<!--        <th class="rotate">-->
<!--            <div><span>projectleider</span></div>-->
<!--        </th>-->
        <!-- ko if:$root.invoiceTab() == 'invoice' -->
        <th class="rotate">
            <div><span>te factureren(excl btw)</span></div>
        </th>
        <th class="rotate">
            <div><span>te factureren(incl btw)</span></div>
        </th>
        <th class="rotate">
            <div><span>gefactureerd <br />voorgaande jaren(incl btw)</span></div>
        </th>
        <th class="rotate">
            <div><span>gefactureerd <br />lopend jaar(incl btw)</span></div>
        </th>
        <th class="rotate">
            <div><span>totaal gefactureerd</span></div>
        </th>
        <th class="rotate">
            <div><span>betaald voorgaande jaren</span></div>
        </th>
        <th class="rotate">
            <div><span>betaald lopend jaar</span></div>
        </th>
        <th class="rotate">
            <div><span>totaal betaald</span></div>
        </th>
        <th class="rotate">
            <div><span>nog niet betaald</span></div>
        </th>
        <!-- /ko -->
        <!-- ko if:$root.invoiceTab() == 'forecast' -->
        <th class="rotate" width="100px">
            <div><span>nog te factureren (incl.btw)</span></div>
        </th>
        <th class="rotate" width="100px">
            <div><span>nog te factureren lopend jaar</span></div>
        </th>
        <th class="rotate" width="100px">
            <div><span>nog te factureren na lopend jaar</span></div>
        </th>
        <th class="rotate" width="100px">
            <div><span>nog te prognotiseren</span></div>
        </th>
        <!-- /ko -->
        <!-- ko if:$root.invoiceTab() == 'monthforecast' -->
        <th class="rotate">
            <div><span>te factureren(incl btw)</span></div>
        </th>
        <!-- ko foreach:months -->
        <th class="rotate"><div><span data-bind="text:month"></span></div></th>
        <!-- /ko -->
        <th class="rotate">
            <div><span>te factureren volgende jaren</span></div>
        </th>
        <!-- /ko -->
        <!-- ko if:$root.invoiceTab() == 'monthpayments' -->
        <!-- ko foreach:months -->
        <th class="rotate"><div><span data-bind="text:month"></span></div></th>
        <!-- /ko -->
        <!-- /ko -->
    </tr>
    </thead>
    <tbody>
    <!-- ko foreach: projects  -->
    <tr>
        <td><span data-bind="text:projectnumber"></span></td>
        <td><span data-bind="text:customername"></span></td>
        <td><span data-bind="text:statusProject == 'CLOSED' ? 'afgesloten' : 'open'"></span></td>
<!--        <td><span data-bind="text:fullname"></span>-->
        </td>
        <!-- ko if:$root.invoiceTab() == 'invoice' -->
        <td class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:revenues"></span>
        </td>
        <td class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:totalInvoice"></span>
        </td>
        <td class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:invoicedOtherYears"></span>
        </td>
        <td class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:invoicedCurentYear"></span>
        </td>
        <th class="align-right focus-green">
            <i class="icon fa-euro"></i>
            <span data-bind="text:totalInvoiced"></span>
        </th>
        <td class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:invoicedOtherYearsPayed"></span>
        </td>
        <td class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:invoicedCurentYearPayed"></span>
        </td>
        <th class="align-right focus-green">
            <i class="icon fa-euro"></i>
            <span data-bind="text:totalInvoicedPayed"></span>
        </th>
        <th class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:notPayed"></span>
        </th>
        <!-- /ko -->
        <!-- ko if:$root.invoiceTab() == 'forecast' -->
        <td class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:toInvoice"></span>
        </td>
        <td class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:currentforecast"></span>
        </td>
        <td class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:otherforecast"></span>
        </td>
        <th class="align-right focus-green">
            <i class="icon fa-euro"></i>
            <span data-bind="text:missingForecast"></span>
        </th>
        <!-- /ko -->
        <!-- ko if:$root.invoiceTab() == 'monthforecast' -->
        <td class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:toInvoice"></span>
        </td>
        <!-- ko foreach:months -->
        <td class="align-right">
            <span data-bind="text:forecastamount">
            </span>
        </td>
        <!-- /ko -->
        <td class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:toInvoiceFuture">
            </span>
        </td>
        <!-- /ko -->
        <!-- ko if:$root.invoiceTab() == 'monthpayments' -->
        <!-- ko foreach:months -->
        <td class="align-right">
            <span data-bind="text:paymentamount">
            </span>
        </td>
        <!-- /ko -->
        <!-- /ko -->
    </tr>
    <!-- /ko -->
    </tbody>
    <tfoot>
    <tr>
        <th colspan="3" class="align-right">
            totaal
        </th>
        <!-- ko if:$root.invoiceTab() == 'forecast' -->
        <th class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:totalToInvoice"></span>
        </th>
        <th class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:totalCurrentforecast"></span>
        </th>
        <th class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:totalOtherforecast"></span>
        </th>
        <th class="align-right focus-green">
            <i class="icon fa-euro"></i>
            <span data-bind="text:totalMissingForecast"></span>
        </th>
        <!-- /ko -->
        <!-- ko if:$root.invoiceTab() == 'monthforecast' -->
        <th class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:totalToInvoice"></span>
        </th>
        <!-- ko foreach:months -->
        <th class="align-right">
            <span data-bind="text:dbo.helpers.numberWithPoints($root['forecast' + month]())">
            </span>
        </th>
        <!-- /ko -->
        <th class="align-right">
            <i class="icon fa-euro"></i>
            <span data-bind="text:totalToInvoiceFuture"></span>
        </th>
        <!-- /ko -->
        <!-- ko if:$root.invoiceTab() == 'monthpayments' -->
        <!-- ko foreach:months -->
        <th class="align-right">
            <span data-bind="text:dbo.helpers.numberWithPoints($root['payment' + month]())">
            </span>
        </th>
        <!-- /ko -->
        <!-- /ko -->
    </tr>
    </tfoot>
</table>