python - 而不是 {% recursetree Nodes %} 中的

Question

我有这个工作:

<ul class="root">
    {% recursetree nodes %}
        <li>
            {{ node.name }}
            {% if not node.is_leaf_node %}
                <ul class="children">
                    {{ children }}
                </ul>
            {% endif %}
        </li>
    {% endrecursetree %}
</ul>

但是，我需要在 table 标记内显示树，因此我希望项目由空格缩进，而不是 ul 和 li.

我怎样才能做到这一点？

Answer 1

表格的问题是，您需要知道表格将获得多少个单元格 - 因此您可以在子对象中使用 colspan="x" 或其他内容。所以我想这会带来比需要的更多的麻烦和开销。

也许您只是在寻找一些“类似 table ”的设计......类似这样的东西？

如果是这样，这里是带有默认 bootstrap3-css 和一些添加的 css 的代码(用 i3 标记):

html

<ul class="i3servicelist list-unstyled">
{% recursetree service_items %}
    <li>
        <span class="i3servicelist_element">
            <span rel="tooltip" data-placement="left" data-html="true" title="{{ node.tooltip|safe }}">
                {{ node.name }}
            </span>

            {% include 'service/_service_options.html' %}
        </span>
        {% if not node.is_leaf_node %}
            <ul>
                {{ children }}
            </ul>
        {% endif %}
    </li>
{% endrecursetree %}
</ul>

CSS

.i3servicelist ul {list-style-type: none;}
.i3servicelist_element {border-bottom:1px solid #ddd;display:block;margin:0;padding: 8px;}