Javascript HTML滚动表-锁定列
我试图基本上“冻结”HTML表中的一列,类似于Excel中的操作。但是,我需要能够在两个方向滚动。我目前正试图通过使用一个垂直滚动的div来保存一个表来实现这一点,该表左侧保存一个名称列表,右侧保存一个水平滚动的div,其中包含与这些名称相关的数据。每一个都有一个固定的div来保存列标题数据。问题是,使用此方法时,水平滚动条位于div的底部,只有滚动到最底部时才能查看。有没有办法将此滚动条的位置固定到外部div的底部?我肯定这里一定有某种解决办法,但我还没有找到。任何帮助都将不胜感激 注意:我还有JavaScript/JQuery可用于此站点 编辑:根据要求,以下是我当前正在使用的标记:Javascript HTML滚动表-锁定列,javascript,jquery,html,Javascript,Jquery,Html,我试图基本上“冻结”HTML表中的一列,类似于Excel中的操作。但是,我需要能够在两个方向滚动。我目前正试图通过使用一个垂直滚动的div来保存一个表来实现这一点,该表左侧保存一个名称列表,右侧保存一个水平滚动的div,其中包含与这些名称相关的数据。每一个都有一个固定的div来保存列标题数据。问题是,使用此方法时,水平滚动条位于div的底部,只有滚动到最底部时才能查看。有没有办法将此滚动条的位置固定到外部div的底部?我肯定这里一定有某种解决办法,但我还没有找到。任何帮助都将不胜感激 注意:我还
<div id='am_verticalScrollerDiv' style='height: 440px; 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' style='font-family: \"Courier New\", Courier, monospace; font-size: 12px;'></tr>
</table>
</div>
<table id='am_scheduleDisplay' width='100%' border='0' cellpadding='0' cellspacing='0' style='table-layout: fixed; empty-cells: show;'>
<thead>
<tr class='am_schedule_formatBar'></tr>
</thead>
<tbody></tbody>
</table>
</div>
</td>
</tr>
</table>
</div>
”+
请发布一些您尝试过的代码。所有数据都是通过JavaScriptBTW添加的,很抱歉使用了所有内联样式-服务器上有太多限制,我无法实际添加样式表(或将我的JavaScript放在单独的文件中)。我怀疑在列位置用同一个表覆盖iframe可能是最简单的方法。谢谢你的建议-我对iframe了解不多,所以我会仔细阅读。