0

我正在尝试创建一个包含表中大量数据的表单。我目前正在尝试修复标题栏,但我不知道该怎么做。问题是我需要在表格的左侧和顶部都有一个固定的行。下面包含一些代码,但主要思想是我有一个可垂直滚动的 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 插入的)

4

0 回答 0