Question

您好，我必须使用一个唯一的HTML页面来显示一些字段，这些字段将填充从csv文件检索的一些数据。我想使用WTF快速表单将所有字段一起传递到HTML页面，因为我不知道字段名称，因为它们可以从不同的csv文件中检索（它们等同于csv的列标题））。唯一的问题是我希望将它们显示在两列（div）中，因此一个字段中的一半字段，另一列中的一半，而快速表单会将它们显示在单个垂直列表中。我如何以最简单的方式解决这个问题？要添加到布局快速表单的任何属性吗？

我已经使用wtf.form_field尝试了以下操作，但是以这种方式，我必须知道每个字段的名称，并且我必须为每个CSV文件创建一个HTML页面，而我想快速创建一个HTML页面表单，但是我不能以这种方式在两列中显示字段。

<div class="row">

    <div class="col-md-6">

        {{ wtf.form_field(form.COD_SPORTELLO) }}
        {{ wtf.form_field(form.QU_CAP) }}
        {{ wtf.form_field(form.QU_CAP_INTER) }}
        {{ wtf.form_field(form.CAUSALE) }}
        {{ wtf.form_field(form.ONERI_RATE_VAL) }}
        {{ wtf.form_field(form.FLAG_ANTIRIC) }}
        {{ wtf.form_field(form.FLAG_VIG) }}

    </div>

    <div class="col-md-6">
        {{ wtf.form_field(form.COD_RAPPORTO) }}
        {{ wtf.form_field(form.QU_CAP_VALUTA) }}
        {{ wtf.form_field(form.DATA_SCADENZA) }}
        {{ wtf.form_field(form.ONERI_RATE) }}
        {{ wtf.form_field(form.QU_INTER_VALUTA) }}
        {{ wtf.form_field(form.FLAG_AR) }}

    </div>

</div>

我认为这有点棘手，因为即使我将一些参数传递给快速形式，例如horizontal_columns（必须为3元组的列类型，left-column-size，right-column-size），将创建第二列，但是它将仅在一个列中显示这些字段，因此我不得不告诉他，我希望一半的字段位于一列，另一半的字段位于（div）。我无法使用form_field并列出每个fileld名称，因为我不知道字段名称。

Answer 1

可以直接从模板为字段分配一个类。如果知道所需的引导程序类，则可以使用带有关键字参数class

的字段来调用它

如本答案所述

Add a css class to a field in wtform

WTF Bootstrap Quick Form如何呈现HTML

1 个答案: