代码之家 › 专栏 › 技术社区 › Vishal Singh

在HTML中扩展行的宽度

jinja2 html

Vishal Singh · 技术社区 · 8 年前

这是我用来呈现html页面的jinja2模板

<TABLE BORDER="5" WIDTH="100%" CELLPADDING="4" CELLSPACING="3">
<TR>
    <TH><H2>my_first_project</H2></TH>
</TR>
<TR>
    <TH>S.no</TH>
    <TH>Job Title</TH>
    <TH>Job Description</TH>
    <TH>Job Posted on</TH>
    <TH>Job Location</TH>
</TR>
{% for x in something %}
<TR ALIGN="CENTER">
    {% for i in x %}
    <TD>{{i}}</TD>
    {% endfor %}
</TR>
{% endfor %}

here is the image

专注于html部分,如何使第一个块(my_first_project)填充表格的整个宽度,而不改变图像中显示的表格的当前视图,以及
为什么无栏比应该的宽吗?

1 回复 | 直到 8 年前

Amin Kamalinia 8 年前

将colspan属性添加到th标记

<TABLE BORDER="5" WIDTH="100%" CELLPADDING="4" CELLSPACING="3">
  <TR>
    <TH colspan="5">
      <H2>my_first_project</H2>
    </TH>
  </TR>
  <TR>
    <TH>S.no</TH>
    <TH>Job Title</TH>
    <TH>Job Description</TH>
    <TH>Job Posted on</TH>
    <TH>Job Location</TH>
  </TR>
  <TR ALIGN="CENTER">
    <TD>1</TD>
    <TD>Test</TD>
    <TD>Description</TD>
    <TD>Postedest</TD>
    <TD>Location</TD>
  </TR>