我无法让格式化工作正常。我使用一行单元格(不可见)通过列出每个单元格的宽度来设置表格的格式。 (我这样做是因为我有一个奇怪的设置,<div>
和<table>
混合在一起形成一个滚动面板)。宽度在一个地方工作正常,但在另一个地方没有得到尊重。代码示例如下所示:
<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>
我尝试用<colgroup>
替换格式化行,但没有运气。似乎<div>
am_schedDataTitleBarDiv
占据am_horizScrollDiv
的宽度。我试过为前者设置一个明确的宽度,但它仍然无法正常工作。有什么建议吗?
编辑:我忘了提及,所有数据都是使用jQuery .html()
和.append()
方法构建的,但唯一相关的部分是{{1正在填充宽度设置为20px的空单元格列表,.am_schedule_tableTitleBar
填充了多个am_schedule_tableTitleBar
的单元格。