幾乎在做每一個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