html - Django xhtml2pdf - 空白下划线

Question

我试图在一些文本之后在表格单元格中添加一个空白行，但由于 xhtml2pdf 的限制，没有一个HTML解决方案有效。这是迄今为止我得到的最接近的 -

<td>
    <table>
        <tr>
            <td>{{ value.label }}: </td>
            <td style="border-bottom: 1px solid black;">&nbsp;</td>
        </tr>
    </table>
</td>

主要问题是我希望空白下划线出现在文本之后，但由于文本长度是可变的，我无法设置固定宽度。有没有办法设置fit-to-width属性或替代方法来实现相同的效果？

标签： htmldjango-templatesxhtml2pdf

Answer 1

不是确切的解决方案，但对我有用。鉴于 font-size 和 pdf 大小是恒定的，可以使用|length模板标签给出近似的单元格宽度，而另一个单元格将具有 width 100 - length。通过一些微调，这是我的代码 -

{% with label_length=value.label|length %}
{% with label_str=label_length|add:"1"|stringformat:"d" %}
    <tr>
        <td width="{{label_str}}%">{{ value.label }}:</td>
        {% with sub_val="-"|add:label_str %}
            <td width="{{100|add:sub_val}}%" style="border-bottom: 1px solid black">&nbsp;</td>
        {% endwith %}
    </tr>
{% endwith %}
{% endwith %}