添加额外的td到tr没有相应的th

Question

我想在我的tr的末尾添加额外的td和我的删除图标而不尊重该列。

我想以这样一种方式进行调整，即我不需要任何jquery，并且表标签宽度是百分比，因此不能再添加一个并使其不可见。

请参阅下面的html：

<table>
    <tr>
        <th>
            Col1
        </th>
        <th>
            Col 2
        </th>
    </tr>
    <tr>
        <td>
            1
        </td>
        <td>
            2
        </td>
        <td> 
            <!-- this is new column. -->
            Delete Link
        </td>
    </tr>
</table>

P.S。我不能添加位置绝对css，因为它不可能包含在每个屏幕分辨率中。

Answer 1

我理解你的问题了吗？ colspan="2"应该帮助你。

<table>
<tr>
    <th>
        Col1
    </th>
    <th colspan="2">
        Col 2
    </th>
</tr>
<tr>
    <td>
        1
    </td>
    <td>
        2
    </td>
    <td> 
        <!-- this is new column. -->
        Delete Link
    </td>
</tr>

Answer 2

我认为桌子的几何形状需要从上到下保持一致。我能给你的最佳答案是隐藏顶行标题列并使其他列可见。