我有下表
<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>
输出:
<table data-reactid=".1">
<thead data-reactid=".1.0">
<tr class="execution-head" data-reactid=".1.0.0">
<th data-reactid=".1.0.0.0">ID</th>
<th data-reactid=".1.0.0.1">Launch Time</th>
<th data-reactid=".1.0.0.5">Execution Time</th>
</tr>
</thead>
<tbody data-reactid=".1.1">
<tr class="execution-row" data-reactid=".1.1.0:$4x324">
<th data-reactid=".1.1.0:$4x324.0">4x324</th>
<th data-reactid=".1.1.0:$4x324.1">11.11.15 13:30</th>
<th data-reactid=".1.1.0:$4x324.5">2</th>
</tr>
<tr class="execution-row" data-reactid=".1.1.0:$4823748">
<th data-reactid=".1.1.0:$4823748.0">4823748</th>
<th data-reactid=".1.1.0:$4823748.1">13.11.15 13:30:25</th>
<th data-reactid=".1.1.0:$4823748.5">34</th>
<tr class="table-plus" data-reactid=".1.1.1">
<th data-reactid=".1.1.1.0">+</th>
</tr>
</tbody>
</table>
我想让最后一个tr元素占据表格的整个宽度,但是从我尝试过的所有内容来看,它总是错误的。
附言:如果您想知道,这是用React写的
最佳答案
计算一个变量中th
的数量,假设col_cnt
然后在最后一个tr
中可以这样写:
<tr>
<th colspan="{col_cnt}">+</th>
</tr>
关于html - 从上表更改限制,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33719775/