顶行左列冻结的可滚动HTML表 [英] Scrollable HTML table with top row and left column frozen

问题描述

有没有人能够在HTML中实现可滚动的表格，其中TOP行和LEFT列是冻结的，但表格的其余部分是可滚动的？一个完美的例子是：
Google Squared a>

我尝试对google平方表的代码进行反向工程，但到目前为止我一直没有成功。

注意：我需要能够同时冻结TOP ROW和LIVT COLUMN。

解决方案

div>

在 http://ajaxian.com/archives/freeze-窗格功能应该很容易重复。请务必记下这些评论 - 许多用户对改进脚本提出了有用的建议。

Per @ Nirk的要求，直接链接到活动演示 http://www.disconova.com/open_source/files/freezepanes.htm。

Has anyone been able to implement a scrollable table in HTML where the TOP row and LEFT columns are frozen, but the rest of the table is scrollable? A perfect example of this is: Google Squared

I tried to reverse engineer the code for the google squared table, but I have been unsuccessful so far.

Note: I need the ability to FREEZE the TOP ROW and the LEFT COLUMN at the same time.

解决方案

There's a working example at http://ajaxian.com/archives/freeze-pane-functionality that should be easy to duplicate. Be sure to note the comments -- many of the users have made helpful suggestions for improving the script.

Per @Nirk's request, a direct link to the active demo is at http://www.disconova.com/open_source/files/freezepanes.htm.

这篇关于顶行左列冻结的可滚动HTML表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！