跨多个jquery数据表同步的列宽

Question

我在页面上有三个jquery数据表，每个数据库的前三列都有相同类型的数据，一系列模型名称。我想将每个数据表中前三列的宽度与其他两个数据表中相同列的宽度同步。

理想情况下，comingTable中第一列的宽度应与runningTable和historyTable中第一列的宽度相同，但至少其中一个表需要宽度以适应其内容。

表数据正在通过ajax调用定期加载和更新，因此可以随时更改。

表1：

        <table id="upcomingTable" class="tabForm">
            <thead>
                <tr>
                    <th>Program</th>
                    <th>Campaign</th>
                    <th>Portfolio</th>
                    <th>Start Time</th>
                    <th>Run Type</th>
                    <th>State</th>
                    <th></th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>

表2：

        <table id="runningTable" class="tabForm">
            <thead>
                <tr>
                    <th>Program</th>
                    <th>Campaign</th>
                    <th>Portfolio</th>
                    <th>Organization</th>
                    <th>Start Time</th>
                    <th>Elapsed</th>
                    <th>Stage</th>
                    <th></th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>

表3：

        <table id="historyTable" class="tabForm">
            <thead>
                <tr>
                    <th>Program</th>
                    <th>Campaign</th>
                    <th>Portfolio</th>
                    <th>Organization</th>
                    <th>Start Time</th>
                    <th>Run Time</th>
                    <th>Results</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>

任何帮助将不胜感激，谢谢！