GridViewScroll - NEW

Freeze column and fixed header in Table or GridView

Features

• Default scrollbar of browser
• Freeze Header, Column, Footer (only last row)

Getting Started

1. Download the latest release from GitHub
2. Include the gridviewscroll.js in web page

<scripttype="text/javascript" src="js/gridviewscroll.js"></script>

3. Initialize table with options, then call enhance

<scripttype="text/javascript">window.onload=function(){vargridViewScroll=newGridViewScroll({elementID : "gvMain"// Target element id});gridViewScroll.enhance();}</script>

Options

<scripttype="text/javascript">vargridViewScroll=newGridViewScroll({elementID : "",// Stringwidth : 700,// Integer or String(Percentage)height : 350,// Integer or String(Percentage)freezeColumn : false,// BooleanfreezeFooter : false,// BooleanfreezeColumnCssClass : "",// StringfreezeFooterCssClass : "",// StringfreezeHeaderRowCount : 1,// IntegerfreezeColumnCount : 1,// Integeronscroll: function(scrollTop,scrollLeft)// onscroll event callback});</script>

Properties

<scripttype="text/javascript">vargridViewScroll=newGridViewScroll({elementID : "gvMain"});gridViewScroll.enhance();varscrollPosition=gridViewScroll.scrollPosition// get scroll positionvarscrollTop=scrollPosition.scrollTop;varscrollLeft=scrollPosition.scrollLeft;varscrollPosition={scrollTop: 50,scrollLeft: 50};gridViewScroll.scrollPosition=scrollPosition;// set scroll position</script>

Methods

<scripttype="text/javascript">vargridViewScroll=newGridViewScroll({elementID : "gvMain"});gridViewScroll.enhance();// Apply the gridviewscroll featuresgridViewScroll.undo();// Undo the DOM changes, And remove gridviewscroll features</script>

Events

<scripttype="text/javascript">vargridViewScroll=newGridViewScroll({elementID : "gvMain",onscroll: function(scrollTop,scrollLeft){console.log("scrollTop: "+scrollTop+", scrollLeft: "+scrollLeft);}});gridViewScroll.enhance();</script>

Supported Browsers

• Internet Explorer 9+
• Google Chrome (61.0.3163.100)
• Mozilla FireFox (56.0.2)

Technical Support

If you have any question with gridviewscroll welcome to filing an issue on GitHub, I will try my best to help.

Or you can send email to twlikol@msn.com.

Copyright and License

Copyright © Likol Lee. Licensed under the MIT license.

GridViewScroll with jQuery (v0.9.6.8)

This version is no longer supported, you can find in link: https://github.com/twlikol/GridViewScroll/tree/v0.9.6.8