Odoo qweb发票报告pdf模板表格高度和发票行垂直对齐

时间:2015-12-02 07:56:57

标签: css report openerp qweb

我在Odoo中创建自定义发票模板,即使只有几张发票行,我也需要发票行表占据大部分屏幕。这是表格的代码:

                    <table class="cr-table" style="height:200px;margin-top:0px">
                    <thead class="cr-th">
                        <tr>
                            <th>Your Item #</th>
                            <th>Product Description</th>
                            <th class="text-right">U of M</th>
                            <th class="text-right">Qty Ordered</th>
                            <th class="text-right">Qty Shipped</th>
                            <th class="text-right">Unit Price</th>
                            <th class="text-right">Amount</th>
                        </tr>
                    </thead>
                    <tbody class="cr-tbody" style="height:100%">
                    <tr>
                        <td colspan="7">
                            <span t-field="o.pre_text"/>
                        </td>
                    </tr>
                    <tr t-foreach="o.invoice_line" t-as="l">
                        <td><span t-field="l.product_id.default_code"/></td>
                        <td><span t-field="l.name"/></td>
                        <td class="text-right"><span t-field="l.uos_id"/></td>
                        <td class="text-right"><span t-field="l.quantity_ordered"/></td>
                        <td class="text-right"><span t-field="l.quantity"/></td>
                        <td class="text-right">
                            <span t-field="l.price_unit"/>
                                <!-- t-field-options='{“digits”:5}'/> -->
                        </td>
                        <td class="text-right" groups="sale.group_discount_per_so_line"><span t-field="l.discount"/></td>
                        <td class="text-right">
                            <span t-field="l.price_subtotal"/>
                                <!-- t-field-options='{"widget": "monetary"}'/>  -->
                                <!-- "display_currency": "o.currency_id" -->
                        </td>
                    </tr>
                    <tr>
                        <td colspan="7">
                            <span t-field="o.post_text"/>
                        </td>
                    </tr>
                    </tbody>
                </table>

以%为单位设置高度不执行任何操作,min-height不执行任何操作,高度以像素为单位,但是我需要将发票行对齐到顶部,因为在当前状态下它们只是均匀地分布在整个表中,我需要它们无论有多少发票行,它们之间都有相同的间距。另外,根据我的尝试,似乎qweb不支持css3,这是真的吗? screen shot of invoice

1 个答案:

答案 0 :(得分:0)

将以下内容添加到您的CSS中:

table.cr-table tbody tr:last-child
{
    height:100%;
}