Html 更改上一个表th中的限制

我有下表

<table>
  <TableHeader className="execution-head"/>
    <tbody>
      <tr className={this.props.className} onClick={this.handleClick}>
        <th>{this.props.execution_id}</th>
        <th>{this.props.launch_time}</th>
        // more th's here
      </tr>
      <tr className={this.props.className} onClick={this.handleClick}>
        <th>{this.props.execution_id}</th>
        <th>{this.props.launch_time}</th>
        // more th's here
      </tr>
      <tr>
        <th>+</th>
      </tr>
    </tbody>
</table>

输出：

我想让最后一个tr元素占据整个表的宽度，但是从我尝试过的所有东西来看，结果总是错误的

这是用react写的，如果你想知道一个变量中th的数量，比如col\u cnt 然后在最后一个tr中，您可以写下：

<tr>
 <th colspan="{col_cnt}">+</th>
</tr>

---

而不是发布代码。你能不能把即将发布的内容作为最终产品发布，即html代码编辑和添加即将发布的内容

<tr>
 <th colspan="{col_cnt}">+</th>
</tr>