George Reith George Reith - 1 month ago 7
CSS Question

TD elements with their own width

I have a table like so:

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


I want to insert another
tr
containing
td
s at the bottom of the table (just after the
</form>
tag), however I do not want their width to be effected by or effect the other
td
s above them.

The table has no set widths and sizes to it's content.

How would I go about this?

Answer

Add another table in the last cell:

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