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

Question

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

我需要将 TAX INVOICE # div 推到最右侧。下面是从 PDF 渲染的

以 PDF 格式呈现

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

以 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", "fields": ["address", "name"], "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>

标签： odooqweb

Answer 1

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