科尔斯潘不使用React JS

Question

我是网络开发的新手。我有一张桌子->

ask turtles

现在，这里有标题。现在，在这之后我还有一张桌子，您可以在页脚说

  <Table striped condensed hover id="jobData">
                            <thead style={backgrounColour}>
                                <tr>
                                    <th>Sr.No.</th>
                                    <th>Company Name</th>
                                    <th>Technology</th>
                                    <th>Job Title</th>
                                    <th>Total Score</th>
                                    <th>Average Score</th>
                                </tr>
                            </thead>
                            <tbody>{this.props.jobData.map(function (item, key) {
                                return (
                                    <tr key={key}>
                                        <td><b style={compName}>{item.id}</b></td>
                                        <td><b style={compName}>{item.attributes.companyName}</b></td>
                                        <td>cdcdcdcdc</td>
                                        <td>{item.attributes.name}</td>
                                        <td><b style={compName}>30</b></td>
                                        <td><b style={compName}>30</b></td>
                                    </tr>
                                )
                            })}</tbody>
                        </Table>

现在，我要的是第二个表数据应该在最后三个标头数据所在的同一列中。因此，在执行此操作时，我尝试了 <div className="row"> <Table condensed hover id="score"> <tbody> <tr> <td colSpan={3}> YesterDay's Score </td> <td > 240 </td> <td > 30 </td> </tr> </tbody> </Table> </div> 用于第二个表，以便它跳过前三个表。但是它不起作用。

colspan = {3}

这就是我想要的。第二个表没有任何标题。那么，我该怎么办？

我尝试过colspan谢谢。