Welcome 微信登录

首页 / 网页编程 / ASP.NET / 网页上的DataGridView

网页上的DataGridView2011-05-27 博客园 一风几乎在做每一个Web项目开发的时候都会用到列表显示数据,但在HTML里并没 有提供类似于ListView这样的功能,因表头不能固定在表格的顶部,它会随着滚 动条一起拉动,对于比较长的表格来说会很不方便。其实一直以来都很想做这样 一个东西,直到这将项目所逼,才真正动手来完成。对于固定表头的方案,在网 上搜索了一下也有不少,基本上都是通过CSS来控制,但效果并不是特别理想。 后来偶然在CodeProject上找到一篇文章(抱歉地址找不到了),给了我很大的 启发,于是着手用JavaScript实现了这样的需求。

除了表头的固定,在 其它三边上是否也可以固定呢?固定了有没有用呢?在我开始设计的时候就问了 自己这样的问题。我很快就得出了肯定的答案,why not! 既然大局已定,那就 要给这个东西取个名字了,当然不能称为ListView了,就偷个懒暂且称为 DataGridView吧。因此,本文接下来所提到的 DataGridView如果没有特别说明 ,都是指我的这个东西,而不是WinForm里的那个DataGridView控件。

先来看效果图,点击图片看在线演示。

废话不多说,看下面 这个示意图。

Header, Left

Header, Center

Header, Right

Body, Left

Body, Center

Body, Right

Footer, Left

Footer, Center

Footer, Right