Last post Mar 31, 2016 02:32 PM by netNewBee
Mar 29, 2016 02:25 PM|netNewBee|LINK
I found a JQuery plugin called ScrollableGrid from
http://www.aspsnippets.com/Articles/Scrollable-GridView-with-Fixed-Headers-using-jQuery-Plugin.aspx to make my Gridview control scrollable and another JQuery plugin tablesorter.js from
http://tablesorter.com/ to sort the Gridview columns. However the tablesorter plugin STOPS working when I place the ScrollableGrid plugin on the same page. They work fine if only one of them are included in the page.
Does anyone know how to make both of them work on the same page? I need both features for my Gridview control.
Also, does any one currently have a working solution for making a Gridview control scroll and able to sort its columns? If so, can you please share your code here? It is greatly appreciated!!
Mar 30, 2016 03:11 AM|Fei Han - MSFT|LINK
According to your description, you are using jQuery ScrollableGrid and tablesorter plugins. Please check whether any error appear in F12 developer tools Console tab, these two plugins could not be compatible. You could buildss the dummy header for gridview
instead of using ScrollableGrid plugin, and this article explained how to create a scrollable gridview with fixed headers and client side sorting using jquery, you could refer to it.
Mar 31, 2016 02:32 PM|netNewBee|LINK
Thanks for the reply. I just found this https://datatables.net which allows sorting and scrolling. I am going to try it out now.