Istnieją dwie tabele o szerokości 600 pikseli i 5 kolumn każda. Ale szerokość nie została ustawiona dla każdej kolumny. Tutaj chcę, aby szerokość kolumn była taka sama w obu tabelach. Możesz użyć CSS lub jQuery. I nie chcę ręcznie zmieniać szerokości kolumny.

Przykład HTML:

<table width="600" border="1" cellspacing="0" cellpadding="0">
    <tr>
        <td>hdng 1</td>
        <td>hdng 2</td>
        <td>hdng 3</td>
        <td>hdng 4</td>
        <td>hdng 5</td>
    </tr>
</table>
<table width="600" border="1" cellspacing="0" cellpadding="0">
    <tr>
        <td>content content content</td>
        <td>con</td>
        <td>content content content</td>
        <td>content content content</td>
        <td>content content content</td>
    </tr>
</table>

Każda pomoc byłaby wysoko ceniona.