Элементы TD со своей шириной

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 s внизу таблицы (сразу после тега </form>), однако яне хочу, чтобы их ширина влияла или влияла на другие td s над ними.

В таблице нет заданных значений ширины и размеров для содержимого.

Как мне поступить?

Answer 1

Вы не сможете сделать это, пока не добавите свои <tr>, не объедините все <td> в одну (colspan) и поместите вложенную таблицу в эту <td> - в этой новой таблице вы можете установить <td> -S ширина

Answer 2

См. Атрибуты colspan и rowspan. Чтобы быть совершенно гибким, вы должны составить другую таблицу под таблицей выше. Сделайте приведенный выше стиль таблицы = "margin: 0;" и в приведенной ниже таблице есть что-то вроде style = "margin: 0; position: относительный; top: -2", чтобы казалось, что они связаны. Было бы сложно сделать так, чтобы браузер выглядел одинаково.

Answer 3

Добавить еще одну таблицу в последнюю ячейку:

<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>