如何制作一个包含两个rowspan列的HTML表？
我很困惑，无法在HTML中创建这样的表格： 我制作HTML:如何制作一个包含两个rowspan列的HTML表？,html,Html,我很困惑，无法在HTML中创建这样的表格： 我制作HTML: 名称 按钮 细节 名字 姓 债券 詹姆斯 债券 玛丽 玛丽 简 您可以尝试以下方法： <!DOCTYPE html> <html> <body> <table style="width:100%" border="1"> <!-- Header --> <tr> <th rowspan="2">Name</th>
名称
按钮
细节
名字
姓
债券
詹姆斯
债券
玛丽
玛丽
简
<!DOCTYPE html>
<html>
<body>
<table style="width:100%" border="1">
<!-- Header -->
<tr>
<th rowspan="2">Name</th>
<th colspan="2">Details</th>
<th rowspan="2">Button</th>
</tr>
<tr>
<th>First name</th>
<th>Last Name</th>
</tr>
<!-- Content -->
<tr>
<td>Bonds</td>
<td>James</td>
<td>Bonds</td>
<td><input value="click me!" type="button"/> </td>
</tr>
<tr>
<td>Mary</td>
<td>Mary</td>
<td>Jane</td>
<td><input value="click me!" type="button"/></td>
</tr>
</table>
</body>
</html>
名称
细节
按钮
名字
姓
债券
詹姆斯
债券
玛丽
玛丽
简
<!DOCTYPE html>
<html>
<body>
<table style="width:100%" border="1">
<!-- Header -->
<tr>
<th rowspan="2">Name</th>
<th colspan="2">Details</th>
<th rowspan="2">Button</th>
</tr>
<tr>
<th>First name</th>
<th>Last Name</th>
</tr>
<!-- Content -->
<tr>
<td>Bonds</td>
<td>James</td>
<td>Bonds</td>
<td><input value="click me!" type="button"/> </td>
</tr>
<tr>
<td>Mary</td>
<td>Mary</td>
<td>Jane</td>
<td><input value="click me!" type="button"/></td>
</tr>
</table>
</body>
</html>
名称
细节
按钮
名字
姓
债券
詹姆斯
债券
玛丽
玛丽
简
input {
width:96%;
padding:0 2%;
}
这是一个您可以使用一些CSS使按钮填充整个TD。它看起来更好
input {
width:96%;
padding:0 2%;
}
这是您希望按钮放在哪里？？在末尾或下方与图像同名是否要执行某些操作，如…单击导出数据..或编辑记录。。？？表的数据来自何处？您正在使事情变得更加复杂。不，我正要建议jquery datatable…它比HTML表具有更多功能…您现在可能不需要它…但可能是后者，您会看到完整的图片。您希望按钮位于何处？？在末尾或下方与图像同名是否要执行某些操作，如…单击导出数据..或编辑记录。。？？表的数据来自何处？您正在使事情变得更加复杂。不，我正要建议使用jquery datatable…它比HTML表具有更多功能…您现在可能不需要它…但可能是后者，您将看到完整的图片