html - 在没有相应 th 的情况下向 tr 添加额外的 td

Question

我想在我的 tr 末尾添加带有删除图标的额外 td ，而不考虑它的第 th 列。

我想以不需要任何 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>

ps 我无法添加绝对位置 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

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