dolfijn3000 Ответов: 0

Laravel dompdf как я могу установить конец моего стола на странице botto mof ?

Здравствуйте каждый человек.
я делаю приложение, которое генерирует счета-фактуры. Проблема в том, что я хочу, чтобы цена была внизу.смотрите картинку (я цензурировал какую-то дату красным цветом. зеленая коробка - это то, что я хочу в нижней части моей страницы): фотография моего счета-фактуры.
Он всегда должен быть внизу, даже если в счете-фактуре есть только 1 товар. Я также не могу разделить его на 2 таблицы. Потому что мой клиент хочет, чтобы все было в 1 таблице. вот код страницы. (Я также подвергла цензуре некоторую информацию здесь)

<!DOCTYPE html>
<html>
<head>
    <style>
        @page { margin: 100px 25px; }
        header { position: fixed; top: -60px; left: 0px; right: 0px; background-color: lightblue; height: 50px; }
        footer{ position: fixed; bottom: 60px; left: 0px; right: 0px; background-color: lightblue; height: 50px; }
        p:last-child { page-break-after: never; }
        table {
        border-collapse: collapse;
        }

        .info{
        float: right;
        border: 1px solid black;
        width: 40%;
        margin-bottom: 20px;
        }

        .customer{
        }

        tr, td{
            border: 1px solid black;
        }

        .company-name{
            font-size: 40px;
        }

        .items {
            width: 100%;
            padding-top: 20px;
            border: 1px solid black;
        }

        .items td{
            text-align: center;
        }

        .company-info{

        }
        .firstline th{
            border: 0;
        }
        .footer {
            width: 100%;
            border: 0;
            bottom: 0px;
        }
        .global.footer {
            position: fixed;
            width: 100%;
            border: 0;
            bottom: 0;
        }
        .footer th {
                border: 0;
        }

        .header td {
            text-decoration: underline;
        }

        p {
            line-height: 0.5;
        }

    </style>
</head>

<body>

    <img src="https://i.imgur.com/y6SBqHe.jpg" class="logo">

    <p id="company-name" class="company-name">CENSORED</p>

    <div class="info">
                {{$invoice->customerName}}
                {{$invoice->customerAdres}}
    </div>

    <div class="company-info">
        <p>CENSORED26</p>
        <p>CENSORED</p>
        <p>CENSORED</p>
        <p>CENSORED</p>
    </div>
    <table class="items">
        <tr id="firstline" class="firstline">
            <th id="invoicenumber">Factuur nr: {{$invoice->invoiceNumber}}</th>
            <th></th>
            <th></th>
            <th></th>
            <th id="date">Datum:</th>

        </tr>
        <thead>
            <tr id="0" class="header">
                <td>Artikel</td>
                <td>Beschrijving</td>
                <td>Aantal</td>
                <td>Eenheidpr</td>
                <td>Bedrag</td>
            </tr>
        </thead>
        <tbody>
            @forelse(json_decode($invoice->itemsjson) as $item)
            <tr>
                    <td>{{$item->name}}</td>
                    <td>{{$item->description}}</td>
                    <td>{{$item->amount}}</td>
                    <td>{{$item->price}}</td>
                    <td>{{$item->totalPrice}}</td>
            </tr>
            @empty
            <p>geen invoices gevonden</p>
            @endforelse
        </tbody>
        <tfoot class="global-footer">
            <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>Totaal:</td>
                    <td>{{$totalPrice}}</td>
            </tr>

            <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>BTW 21%</td>
                    <td>{{$BTW}} </td>
            </tr>

            <tr>
                    <td></td>
                    <td>Betalingsvoorwaarden: 30 dagen</td>
                    <td></td>
                    <td>Totaal incl</td>
                    <td>{{$totalPriceWithBTW}}</td>
            </tr>
        </tfoot>
    </table>

    <table class="footer">
        <tr>
            <th>CENSORED</th>
            <th>CENSORED</th>
            <th>CENSORED</th>
        </tr>
    </table>
</body>

</html>


Что я уже пробовал:

Я попытался поместить тег нижнего колонтитула в свою таблицу, но это невозможно, потому что он всегда будет генерировать ошибку. Я также искал в Интернете решение, но не смог его найти.

MadMyche

Я не знаю об этом в настоящее время, но в прошлом часто было более успешно разрабатывать для ДОКТИПОВ XHTML или HTML 4, а не для HTML5.
Если это все еще так.... TFOOT должен быть перед TBODY.

0 Ответов