网页上的DataGridView2011-05-27 博客园 一风几乎在做每一个Web项目开发的时候都会用到列表显示数据,但在HTML里并没 有提供类似于ListView这样的功能,因表头不能固定在表格的顶部,它会随着滚 动条一起拉动,对于比较长的表格来说会很不方便。其实一直以来都很想做这样 一个东西,直到这将项目所逼,才真正动手来完成。对于固定表头的方案,在网 上搜索了一下也有不少,基本上都是通过CSS来控制,但效果并不是特别理想。 后来偶然在CodeProject上找到一篇文章(抱歉地址找不到了),给了我很大的 启发,于是着手用JavaScript实现了这样的需求。除了表头的固定,在 其它三边上是否也可以固定呢?固定了有没有用呢?在我开始设计的时候就问了 自己这样的问题。我很快就得出了肯定的答案,why not! 既然大局已定,那就 要给这个东西取个名字了,当然不能称为ListView了,就偷个懒暂且称为 DataGridView吧。因此,本文接下来所提到的 DataGridView如果没有特别说明 ,都是指我的这个东西,而不是WinForm里的那个DataGridView控件。先来看效果图,点击图片看在线演示。

废话不多说,看下面 这个示意图。Header, LeftHeader, CenterHeader, RightBody, LeftBody, CenterBody, RightFooter, LeftFooter, CenterFooter, Right