Freeze column and fixed header in Table or GridView using jQuery in ASP.Net

Question

Hi I would like to create a freeze pane like this example image from a table I would like the first row and column to be dropped with another color where it says column 1 column 2 column3  and  Row 1  row 2  row 3  these lines when moving any scroll bar of my grind view these lines would be frozen and always visible to the userDynamically freeze ASPNet Gridview header using JavaScriptThis link shows how to freeze header but I would also like to do on the horizontal scro

dharmendr · Accepted Answer

Hi felipeoliRefer the below codeHTMLlthtml xmlns34httpwwww3org1999xhtml34gtlthead runat34server34gt    lttitlegtlttitlegt    ltstyle type34textcss34gt        myGrid                    backgroundcolor fff            margin 5px 0 10px 0            border solid 1px 525252            bordercollapse collapse                myGrid td                    padding 2px            border solid 1px c1c1c1            color 717171                myGrid th                    padding 4px 2px            color fff            backgroundcolor 424242            borderleft solid 1px 525252            fontsize 09em                myGrid alt                    backgroundcolor EFEFEF            ltstylegt    ltscript type34textjavascript34 src34httpajaxgoogleapiscomajaxlibsjquery190jqueryminjs34gtltscriptgt    ltscript type34textjavascript34gt

dharmendr · Answer

Hi felipeoliRefer the below linkhttpsgithubcomtwlikolGridViewScroll

Freeze column and fixed header in Table or GridView using jQuery in ASP.Net

Company

Explore

Follow us

Contact Us