时间戳

首页 > 解决方案 > 在 django 模板多列中创建表格行字段

django - 在 django 模板多列中创建表格行字段

问题描述

我有一个模板，其中包含表单上表格的所有 HTML。我正在为我的模型使用通用形式。我的模型如下所示：

    class Program(models.Model):
        air_date = models.DateField(default="0000-00-00")
        air_time = models.TimeField(default="00:00:00")
        service = models.CharField(max_length=10) 
        block_time = models.TimeField(default="00:00:00")
        running_time = models.TimeField(default="00:00:00")
        remaining_time = models.TimeField(default="00:00:00")
        title = models.CharField(max_length=255)
        locked_flag = models.BooleanField(default=False)
        deleted_flag = models.BooleanField(default=False)
        library = models.CharField(null=True,max_length=255,blank=True)
        mc = models.CharField(null=True,max_length=64)
        producer = models.CharField(null=True,max_length=64)
        editor = models.CharField(null=True,max_length=64)
        remarks = models.TextField()
        audit_time = models.DateTimeField(null=True)
        audit_user = models.CharField(null=True,max_length=32)

模板表单如下所示：

    <form method="post">
    {% csrf_token %}
    <TABLE BORDER="0" TABLE_LAYOUT="fixed" WIDTH="100%">
      <TR BGCOLOR="#15C1B5">
      <TD ALIGN="Right">Program Title:</TD><TD ALIGN="Left">{{ form.title }}</TD>
      <TD ALIGN="Right">Library:</TD><TD ALIGN="Left">&nbsp;{{ form.library }}</TD>
      <TD ALIGN="Right">Service Bureau:</TD><TD ALIGN="Left">&nbsp;{{ form.service }}</TD>
      </TR>
      <TR BGCOLOR="#15C1B5">
      <TD ALIGN="Right">Program Id:</TD><TD ALIGN="Left">&nbsp;{{ program.pk }}</TD>
      <TD ALIGN="Right">Air Date:</TD><TD ALIGN="Left">&nbsp;{{ form.air_date }}</TD>
      <TD ALIGN="Right">Air Time</TD><TD ALIGN="Left">&nbsp;{{ form.air_time }}</TD>
      </TR>
      <TR BGCOLOR="#15C1B5">
      <TD ALIGN="Right">Producer:</TD><TD ALIGN="Left">&nbsp;{{ form.producer }}</TD>
      <TD ALIGN="Right">Editor:</TD><TD ALIGN="Left">&nbsp;{{ form.editor }}</TD>
      <TD ALIGN="Right">MC:</TD><TD ALIGN="Left">&nbsp;{{ form.mc }}</TD>
      </TR>
      <TR BGCOLOR="#15C1B5">
      <TD BGCOLOR="#99CCFF" ALIGN="Right">Duration:</TD>
          <TD BGCOLOR="#99CCFF" ALIGN="Left">&nbsp;{{ form.block_time }}</TD>
      <TD BGCOLOR="#8DF1BF" ALIGN="Right">Rem. Time:</TD>
          <TD BGCOLOR="#8DF1BF" ALIGN="Left">&nbsp;{{ form.remaining_time }}</TD>
      <TD BGCOLOR="#CC99CC" ALIGN="Right">Run Time:</TD>
          <TD BGCOLOR="#CC99CC" ALIGN="Left">&nbsp;{{ form.running_time }}</TD>
      </TR>
      <TR BGCOLOR="#15C1B5">
      <TD ALIGN="Right">Remarks:</TD><TD COLSPAN="5"><PRE>{{ form.remarks }}</PRE></TD>
      </TR>
</TABLE>

该表看起来不错 - 但备注字段本身只有大约 45 个字符，即使我在框的角落看到一个抓取点，我也无法将文本区域的窗口扩展到第三列之外。我希望该字段可扩展，最多 60 - 70 个字符。见下图： 屏幕图片

标签： django

解决方案

如果您正在使用<textarea>创建该框，我认为问题出在该 textarea 元素的 CSS 上，我注意到引导程序禁用水平扩展 textarea，因此这可能是您问题的根源。

推荐阅读