javascript - HTMLテーブルのレイアウトを固定する方法

Question

HTML テーブルのレイアウトに問題があります。HTML フォームを作成し、HTML テーブルを使用してフォームをレイアウトしました。

  <form id="form1">
    <table class="ui-widget">
        <tbody>
            <tr>
                <td>
                    <label for="CreateName">Name</label>
                </td>
                <td>
                    <input type="text" id="CreateName" name="Name" />
                </td>
            </tr>
            <tr>
                <td>
                    <label for="CreateDate">Date</label>
                </td>
                <td>
                    <input type="text" id="CreateDate" name="Date" />
                </td>
            </tr>
            .. 
            ...
        </tbody>
    </table>     
   </form>

フォーム フィールドに jquery 検証を挿入しました。今私の問題は、テーブルレイアウト全体が影響を受けるよりも、検証エラーが表示されたときです。私が使用した：

        table-layout: fixed;

しかし、まだ機能していません。この問題を解決するにはどうすればよいですか?