javascript - 異なる列の入れ子になったテーブルの同じ行の高さ

Question

ある列のネストされたテーブルの行を、別の列のネストされたテーブルの行と同じ高さにする方法はありますか?

<tr>
    <td>1</td>
    <td>123 Technologies</td>
    <td>
        <table>
            <tbody>
                <tr>
                    <td>Item 1</td>
                </tr>
                <tr>
                    <td>Item 2</td>
                </tr>
                <tr>
                    <td>Item 3</td>
                </tr>
            </tbody>
        </table>
    </td>
    <td>
        <table>
            <tbody>
                <tr>
                    <td>Blah blah blah</td>
                </tr>
                <tr>
                    <td>Blah blah blah</td>
                </tr>
                <tr>
                    <td>Blah blah blah</td>
                </tr>
            </tbody>
        </table>
    </td>
</tr>

jsfiddle リンク: http://jsfiddle.net/XXmPH/

項目 1 を次の列の対応する tr に揃え、項目 2 を次の列のその tr に揃える、などとします。

JavaScript でこれを行うことができると確信していますが、このテーブルには何百もの行が読み込まれるため、それは良い考えではないと思います。

Answer 1

レイアウトの変更が可能な場合:

<tr>
    <td>1</td>
    <td>123 Technologies</td>
    <td colspan="2">

        <table>
            <tbody>
                <tr>
                    <td style="width: 50%">Item 1</td>
                    <td>Blah blah blah</td>
                </tr>
                <tr>
                    <td>Item 2</td>
                    <td>Blah blah blah</td>
                </tr>
                <tr>
                    <td>Item 3</td>
                    <td>Blah blah blah</td>
                </tr>
            </tbody>
        </table>
    </td>
</tr>

そうでなければ、JSが必要だと思います