一部のフォーマットが正しく機能しないという問題があります。セルの行 (非表示) を使用して、各セルの幅をリストすることでテーブルの書式設定を設定しています。<div>(これを行っているのは、スクロール パネルを形成するためにs と<table>s を混ぜ合わせた奇妙なセットアップがあるためです)。幅はある場所ではうまく機能していますが、別の場所では尊重されていません。コードの例を以下に示します。
<div id='am_verticalScrollerDiv' style='height: 500px; overflow-y: auto;'>
<table id='am_verticalScrollerLayoutTable' height='100%' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td id='am_resourceListCell'>
<div id='am_resourceListDiv'>
<table id='am_resourceTitleTable' width='100%' border='0' cellpadding='0' cellspacing='0'>
<tr id='am_resource_tableTitleBar'></tr>
</table>
</div>
<table id='am_resourceList' width='100%' border='0' cellpadding='0' cellspacing='0'>
<tbody></tbody>
</table>
</td>
<td id='am_horizScrollCell'>
<div id='am_horizScrollDiv' style='width:900px; overflow-x: auto;'>
<div id='am_schedDataTitleBarDiv'>
<table id='am_schedDataTitleBarTable>
<tr class='am_schedule_formatBar'></tr>
<tr id='am_schedule_tableTitleBar'></tr>
</table>
</div>
<table id='am_scheduleDisplay' width='100%' border='0' cellpadding='0' cellspacing='0' style='table-layout: fixed; empty-cells: show;'>
<tbody></tbody>
</table>
</div>
</td>
</tr>
</table>
</div>
フォーマット行を s に置き換えてみました<colgroup>が、うまくいきません。<div> am_schedDataTitleBarDivは の幅を取っているようですam_horizScrollDiv。前者の明示的な幅を設定しようとしましたが、それでも正しく機能しません。助言がありますか？
編集:すべてのデータはjQuery.html()と.append()メソッドを使用して構築されていることを忘れていましたが、関連する唯一の部分は.am_schedule_tableTitleBar、幅が20pxに設定された空のセルのリストが入力am_schedule_tableTitleBarされており、いくつかのセルで埋められていることですとcolspan='7'。