具有固定标题的HTML表

我试图创建一个表格，表格中包含大量数据。我目前正在尝试修复标题栏，但我不知道如何做。问题是我需要在表的左侧和顶部都有一个固定的行。下面包含了一些代码，但主要思想是我有一个可以垂直滚动的div，它包含一个由两个单元格组成的表（一个保存y轴的列表，另一个保存相关的数据）。此表的右侧单元格可以水平滚动，标题栏也可以随之滚动（但左侧单元格的标题栏不能滚动）。基本上，当我垂直滚动时，我希望标题栏保持在区域顶部，但（最左边的单元格除外）当我水平滚动时，标题栏与表格一起滚动。如有任何意见，将不胜感激

<div id='am_verticalScrollerDiv' style='height: 440px; overflow-y: auto;'>
    <table id='am_verticalScrollerLayoutTable' height='100%'  width='100%' border='0' cellpadding='0' cellspacing='0'>
        <tr>
            <td id='am_resourceListCell' valign='top'>
                <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' align='right'>
                <div id='am_horizScrollDiv' style='width:900px; overflow-x: auto;'>
                    <div id='am_schedDataTitleBarDiv' style='min-width: 900px;'>
                        <table id='am_schedDataTitleBarTable' width='100%' border='0' cellpadding='0' cellspacing='0'>
                            <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>

---

（所有数据都是通过JQuery插入的）

顺便说一句，对于所有的内联样式，我感到很抱歉-公司领主现在对我有荒谬的限制，我不能在服务器上放置单独的文件。你不能使用嵌入样式吗？至少这样会更干净。@isherwood谢谢你的提示，但我只是试了一把小提琴（），这似乎不适用于水平滚动-标题似乎不适用于它。你正面临一场艰苦的战斗。即使你能在现代浏览器中使用它，你也可能会在IE<10中遇到问题。例如，您是否考虑过数据表？