QWeb 报告呈现为 PDF 的问题 - 样式未获得

编程问答 2022-05-10

问题描述

在将 QWeb 报告呈现为 PDF 时很难解决我的问题。使用 /report/html 样式没问题。

我需要将 TAX INVOICE # div 推到最右侧。下面是从PDF呈现

Rendered in PDF

在 /report/html 中它工作正常。

Rendered in html

使用此样式：style="width: auto; margin-right: 0px; margin-left: auto;" 内的 div

<div class="row">
                            <div>
                                <table class="table table-sm o_main_table table-bordered" border="1">
                                    <thead>
                                        <tr>
                                            <th class="text-center" colspan="2"><span>CUSTOMER</span></th>
                                        </tr>
                                        <tr>
                                            <th class="text-left"><span>SHIP TO:</span></th>
                                            <th class="text-left"><span>BILL TO:</span></th>
                                        </tr>
                                    </thead>
                                    <tbody class="invoice_tbody">
                                        <tr t-att-class="'font-weight-bold o_line_section'">
                                            <td class="text-left"><span t-field="doc.partner_shipping_id.name" t-options="{'widget': 'text'}" /> <span t-field="doc.partner_shipping_id" t-options='{"widget": "contact","fields": ["address","name"],"no_marker": True}' /></td>
                                            <td class="text-left"><span t-field="doc.partner_id.name" t-options="{'widget': 'text'}" /> <span t-field="doc.partner_id" t-options='{"widget": "contact","no_marker": True}' /></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <div style="width: auto; margin-right: 0px; margin-left: auto;">
                                <table class="table table-sm o_main_table table-bordered" border="1" style="width: 100%">
                                    <thead>
                                        <tr>
                                            <th class="text-center" colspan="2">
                                                <span>TAX INVOICE #</span>
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr t-att-class="'font-weight-bold o_line_section text-center'">
                                            <td colspan="2"><h3 style="color: red;"><strong><span t-field="doc.name" t-options="{'widget': 'text'}"/></strong></h3></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>

解决方法

尝试浮动。将包含税务发票的第二个表 (div) 的浮动设置为右侧。它会起作用。

odooodooqweb