Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML滚动表-锁定列_Javascript_Jquery_Html - Fatal编程技术网

Javascript HTML滚动表-锁定列

Javascript HTML滚动表-锁定列,javascript,jquery,html,Javascript,Jquery,Html,我试图基本上“冻结”HTML表中的一列,类似于Excel中的操作。但是,我需要能够在两个方向滚动。我目前正试图通过使用一个垂直滚动的div来保存一个表来实现这一点,该表左侧保存一个名称列表,右侧保存一个水平滚动的div,其中包含与这些名称相关的数据。每一个都有一个固定的div来保存列标题数据。问题是,使用此方法时,水平滚动条位于div的底部,只有滚动到最底部时才能查看。有没有办法将此滚动条的位置固定到外部div的底部?我肯定这里一定有某种解决办法,但我还没有找到。任何帮助都将不胜感激 注意:我还

我试图基本上“冻结”HTML表中的一列,类似于Excel中的操作。但是,我需要能够在两个方向滚动。我目前正试图通过使用一个垂直滚动的div来保存一个表来实现这一点,该表左侧保存一个名称列表,右侧保存一个水平滚动的div,其中包含与这些名称相关的数据。每一个都有一个固定的div来保存列标题数据。问题是,使用此方法时,水平滚动条位于div的底部,只有滚动到最底部时才能查看。有没有办法将此滚动条的位置固定到外部div的底部?我肯定这里一定有某种解决办法,但我还没有找到。任何帮助都将不胜感激

注意:我还有JavaScript/JQuery可用于此站点

编辑:根据要求,以下是我当前正在使用的标记:

<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了解不多,所以我会仔细阅读。