将colspan与嵌套html表一起使用

我有一个如下所示的html表：

<table border=1 frame=void cellspacing=0 cellpadding=4>
<tr><th colspan=20 align=center><h2>Limits</h2></th></tr>
<tr>
<th colspan=6></th>
<th colspan=6>Position Limits</th>
<th colspan=4>Aim Order Limits</th>
<th colspan=4>Actual Order Limits</th>
</tr>
<tr>
<th colspan=6></th>
<th colspan=2>Book</th>
<th colspan=2>Product</th>
<th colspan=2>Cluster</th>
<th colspan=2>Buy</th>
<th colspan=2>Sell</th>
<th colspan=2>Buy</th>
<th colspan=2>Sell</th>
</tr>
<tr>
<th>Product</th>
<th>Cluster</th>
<th>Symbol</th>
<th>Ticker</th>
<th>Market</th>
<th>MaxShort</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
</tr>
<tr>
<td>ALE-EU</td>      
<td>aleCHF</td>
     ,
     ,
     .
</tr>
</table>       

它被创建为单个表，如下所示：

<table border=1 frame=void cellspacing=0 cellpadding=4>
<tr><th colspan=20 align=center><h2>Limits</h2></th></tr>
<tr>
<th colspan=6></th>
<th colspan=6>Position Limits</th>
<th colspan=4>Aim Order Limits</th>
<th colspan=4>Actual Order Limits</th>
</tr>
<tr>
<th colspan=6></th>
<th colspan=2>Book</th>
<th colspan=2>Product</th>
<th colspan=2>Cluster</th>
<th colspan=2>Buy</th>
<th colspan=2>Sell</th>
<th colspan=2>Buy</th>
<th colspan=2>Sell</th>
</tr>
<tr>
<th>Product</th>
<th>Cluster</th>
<th>Symbol</th>
<th>Ticker</th>
<th>Market</th>
<th>MaxShort</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
</tr>
<tr>
<td>ALE-EU</td>      
<td>aleCHF</td>
     ,
     ,
     .
</tr>
</table>       

限制
位置限制
目标顺序限制
实际订单限额
书
产品
簇
购买
卖
购买
卖
产品
簇
象征
股票行情
市场
马克肖特
分钟
马克斯
分钟
马克斯
分钟
马克斯
分钟
马克斯
分钟
马克斯
分钟
马克斯
分钟
马克斯
ALE-EU
阿莱奇夫
,
,
.

我需要创建这些嵌套表，以便在最里面的表（带有“Product，Cluster，…”的表）上有一个特定的类标题行。我遇到的问题是外部表不尊重内部表的列，因此colspans不正确。我尝试了各种不同的方法，但都没有成功。这是我当前的标记：

<table border=1 frame=void cellspacing=0 cellpadding=4 style="width: 100%;">
<tr><th colspan=20 align=center><h2>Limits</h2></th></tr>
<tr>
<th align=center valign=bottom colspan=6></th>
<th align=center valign=bottom colspan=6>Position Limits</th>
<th align=center valign=bottom colspan=4>Aim Order Limits</th>
<th align=center valign=bottom colspan=4>Actual Order Limits</th>
</tr>
<tr>
<td>
<table border=1 frame=void cellspacing=0 cellpadding=4>
<tr>
<th align=center valign=bottom colspan=6></th>
<th align=center valign=bottom colspan=2>Book</th>
<th align=center valign=bottom colspan=2>Product</th>
<th align=center valign=bottom colspan=2>Cluster</th>
<th align=center valign=bottom colspan=2>Buy</th>
<th align=center valign=bottom colspan=2>Sell</th>
<th align=center valign=bottom colspan=2>Buy</th>
<th align=center valign=bottom colspan=2>Sell</th>
</tr>
<tr>
<td>
<table class="sortable" border=1 frame=void cellspacing=0 cellpadding=4 style="width: 100%;">
<tr>
<th align=center valign=bottom>Product</th>
<th align=center valign=bottom>Cluster</th>
<th align=center valign=bottom>Symbol</th>
<th align=center valign=bottom>Ticker</th>
<th align=center valign=bottom>Market</th>
<th align=center valign=bottom>MaxShort</th>
<th align=center valign=bottom>Min</th>
<th align=center valign=bottom>Max</th>
<th align=center valign=bottom>Min</th>
<th align=center valign=bottom>Max</th>
<th align=center valign=bottom>Min</th>
<th align=center valign=bottom>Max</th>
<th align=center valign=bottom>Min</th>
<th align=center valign=bottom>Max</th>
<th align=center valign=bottom>Min</th>
<th align=center valign=bottom>Max</th>
<th align=center valign=bottom>Min</th>
<th align=center valign=bottom>Max</th>
<th align=center valign=bottom>Min</th>
<th align=center valign=bottom>Max</th>
</tr>
<tr>
<td>AMID</td>    
     .
     .
     .

限制
位置限制
目标顺序限制
实际订单限额
书
产品
簇
购买
卖
购买
卖
产品
簇
象征
股票行情
市场
马克肖特
分钟
马克斯
分钟
马克斯
分钟
马克斯
分钟
马克斯
分钟
马克斯
分钟
马克斯
分钟
马克斯
在…之中
.
.
.

我的桌子是这样摆出来的：

<table border=1 frame=void cellspacing=0 cellpadding=4>
<tr><th colspan=20 align=center><h2>Limits</h2></th></tr>
<tr>
<th colspan=6></th>
<th colspan=6>Position Limits</th>
<th colspan=4>Aim Order Limits</th>
<th colspan=4>Actual Order Limits</th>
</tr>
<tr>
<th colspan=6></th>
<th colspan=2>Book</th>
<th colspan=2>Product</th>
<th colspan=2>Cluster</th>
<th colspan=2>Buy</th>
<th colspan=2>Sell</th>
<th colspan=2>Buy</th>
<th colspan=2>Sell</th>
</tr>
<tr>
<th>Product</th>
<th>Cluster</th>
<th>Symbol</th>
<th>Ticker</th>
<th>Market</th>
<th>MaxShort</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
<th>Min</th>
<th>Max</th>
</tr>
<tr>
<td>ALE-EU</td>      
<td>aleCHF</td>
     ,
     ,
     .
</tr>
</table>       

---

有人能告诉我如何创建嵌套表并保持与单个表相同的列间距吗？

如果您尝试使用单个表并连接下面代码中的标题，会怎么样？我认为这在语义上应该满足您的要求。我不知道您是否可以通过CSS将添加的列间距样式化为g让我们看看科尔斯潘想要的样子，只是一个想法

<table class="sortable">
    <tr>
        <th align=center valign=bottom>Product</th>
        <th align=center valign=bottom>Cluster</th>
        <th align=center valign=bottom>Symbol</th>
        <th align=center valign=bottom>Ticker</th>
        <th align=center valign=bottom>Market</th>
        <th align=center valign=bottom>MaxShort</th>
        <th align=center valign=bottom>
            <span>Position Limit</span>
            <span>Book</span>
            Min</th>
        <th align=center valign=bottom>
            <span>Position Limit</span>
            <span>Book</span>
            Max</th>
        <th align=center valign=bottom>
            <span>Position Limits</span>
            <span>Product</span>
            Min</th>
        <th align=center valign=bottom>
            <span>Position Limits</span>
            <span>Product</span>
            Max</th>
        <th align=center valign=bottom>
            <span>Position Limits</span>
            <span>Cluster</span>
            Min</th>
        <th align=center valign=bottom>
            <span>Position Limits</span>
            <span>Cluster</span>
            Max</th>
        <th align=center valign=bottom>
            <span>Aim Order Limits</span>
            <span>Buy</span>
            Min</th>
        <th align=center valign=bottom>
            <span>Aim Order Limits</span>
            <span>Buy</span>
            Max</th>
        <th align=center valign=bottom>
            <span>Aim Order Limits</span>
            <span>Sell</span>
            Min</th>
        <th align=center valign=bottom>
            <span>Aim Order Limits</span>
            <span>Sell</span>
            Max</th>
        <th align=center valign=bottom>
            <span>Aim Order Limits</span>
            <span>Buy</span>
            Min</th>
        <th align=center valign=bottom>
            <span>Aim Order Limits</span>
            <span>Buy</span>
            Max</th>
        <th align=center valign=bottom>
            <span>Aim Order Limits</span>
            <span>Sell</span>
            Min</th>
        <th align=center valign=bottom>
            <span>Aim Order Limits</span>
            <span>Sell</span>
            Max</th>
    </tr>
    <tr>
        <td>AMID</td>
        <td>...</td>
    </tr>
</table>

产品
簇
象征
股票行情
市场
马克肖特
位置限制
书
分钟
位置限制
书
马克斯
位置限制
产品
分钟
位置限制
产品
马克斯
位置限制
簇
分钟
位置限制
簇
马克斯
目标顺序限制
购买
分钟
目标顺序限制
购买
马克斯
目标顺序限制
卖
分钟
目标顺序限制
卖
马克斯
目标顺序限制
购买
分钟
目标顺序限制
购买
马克斯
目标顺序限制
卖
分钟
目标顺序限制
卖
马克斯
在…之中
...

我可以通过使用一个表并将所有标题行放在a中，然后修改js排序代码以使用THAD的最后一行来解决这个问题。

它必须是嵌套表吗？您不能根据需要在单个单元格上使用类吗？我们使用的排序包要求该类位于要排序的表上，并且它是我会让标题行可以点击排序。我不认为使用嵌套表来获得所需的外观是可能的。我会查看您正在使用的排序包-您不能自定义它用作标题的内容吗？是的，这是我的第一个想法，但我很难做到这一点。我们有很多不同的表要排序，而且ome只有一个普通的单标题行，因此我必须传入一些标志来告诉它使用哪个标题行进行排序，或者对不同的表使用不同的代码。如果不能使用嵌套表，我将不得不重新访问该行。不幸的是，用户不喜欢这种格式。无论如何，谢谢。