Question

我有一张这样的表：

<table class="data">
    <thead>
    <tr class="columns">
        <th>
        </th>
        <th>
            <h2>Title</h2>
        </th>
        <th>
            <h2>Location</h2>
        </th>
        <th>
            <h2>Download</h2>
        </th>
        <th>
            <h2>Analytics</h2>
        </th>
        <th>
            <h2>Uploaded</h2>
        </th>
        <th>
            <h2>Updated</h2>
        </th>
    </tr>
    <thead>
    <tbody>
    <form>
    <tr class="row">
        <td><input type="checkbox" name="ID" value="1" /></td>
        <td>Some Title</td>
        <td>Some Url</td>
        <td>Some Url</td>
        <td>view Analytics</td>
        <td>Some person</td>
        <td>Some info</td>
    </tr>
    <tr class="row">
        <td><input type="checkbox" name="ID" value="2" /></td>
        <td>Some Title</td>
        <td>Some Url</td>
        <td>Some Url</td>
        <td>view Analytics</td>
        <td>Some person</td>
        <td>Some info</td>
    </tr>
    </form>
    <tbody>
</table>

我想在表格底部（tr标记之后）插入另一个td </form>个，但我不希望他们的宽度受到影响影响他们上面的其他td。

该表没有设置宽度和大小的内容。

我该怎么做？

Answer 1

在最后一个单元格中添加另一个表：

<tr>
    <td colspan="6">
        <table>
           <tr>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
               <td></td>
           </tr>
        </table>
    </td>
</tr>

Answer 2

除非您添加<tr>，将所有<td> - s合并到其中一个（colspan）并将嵌套表放在<td>内，否则您不能这样做表格，您可以设置<td> - s宽度

Answer 3

请参阅colspan和rowspan属性。为了完全灵活，你应该在上表下面制作另一张表。使上表style =“margin：0;”并且下表有类似style =“margin：0; position：relative; top：-2”的内容，使它看起来像是连接在一起。尽管如此，让它看起来是相同的跨浏览器会很棘手。

TD元素有自己的宽度

3 个答案: