расширение ширины строки в HTML

Question

Это шаблон jinja2, который я использую для рендеринга HTML-страницы.

<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 %}

Вот изображение

Сосредоточение наHTML часть, как мне сделать, чтобы первый блок (my_first_project) заполнил всю ширину таблицы, не изменяя текущий вид таблицы, показанной на изображении, и
почему S.no столбец ширечем это должно быть?

Answer 1

Добавить атрибут 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>