Freeze rows in sharepoint list

%3CLINGO-SUB%20id%3D%22lingo-sub-71441%22%20slang%3D%22en-US%22%3EFreeze%20rows%20in%20sharepoint%20list%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-71441%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20Everyone%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20about%20100%20items%20in%20my%20sharepoint%20list.I%20have%20a%20requirement%20wherein%20the%20list%20header%20and%20first%20three%20rows%20has%20to%20be%20freezed%20on%20scrolling%20down%20through%20the%20list.I%20could%20freeze%20the%20header%20row%20using%20javascript.Can%20someone%20suggest%20me%20how%20can%20I%20achieve%20the%20same%20for%20first%20three%20rows%20in%20list.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERegards%3C%2FP%3E%3CP%3EAnisha%20Ashokan%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-71545%22%20slang%3D%22en-US%22%3ERe%3A%20Freeze%20rows%20in%20sharepoint%20list%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-71545%22%20slang%3D%22en-US%22%3EThanks%2C%20I%20guess%20I'm%20good%20at%20avoiding%20writing%20code%20%3A).%20Although..%20thinking%20about%20it%2C%20not%20sure%20it%20addresses%20the%20initial%20freezing%20requirement.%20Maybe%20drop%20the%202nd%20webpart%20in%20a%20scrollable%20DIV%20on%20the%20page%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-71499%22%20slang%3D%22en-US%22%3ERe%3A%20Freeze%20rows%20in%20sharepoint%20list%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-71499%22%20slang%3D%22en-US%22%3Ehaha%2C%20well%20played%2C%20touche!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-71482%22%20slang%3D%22en-US%22%3ERe%3A%20Freeze%20rows%20in%20sharepoint%20list%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-71482%22%20slang%3D%22en-US%22%3E%3CP%3EI%20would%20drop%202%20list%20webparts%20on%20to%20the%20page%2C%20the%20first%20webpart%2C%20modify%20the%20view%20to%20show%20the%20first%203%20rows.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20second%20webpart%2C%20modify%20the%20view%20to%20show%20the%20rest%20of%20the%20rows.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-71445%22%20slang%3D%22en-US%22%3ERe%3A%20Freeze%20rows%20in%20sharepoint%20list%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-71445%22%20slang%3D%22en-US%22%3EI've%20used%20%3CA%20href%3D%22http%3A%2F%2Fspoodoo.com%2Fproducts%2Fstickyheaders-for-sharepoint%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttp%3A%2F%2Fspoodoo.com%2Fproducts%2Fstickyheaders-for-sharepoint%2F%3C%2FA%3Ebefore.%20I'd%20imagine%20you%20could%20modify%20it%20to%20do%20what%20it%20does%20and%20also%20grab%20the%20top%203%20(with%20enough%20coffee)%20using%20some%20td%3Afirst-child%20%26amp%3B%20td%3Anth-child(n)%20gymnastics.%3C%2FLINGO-BODY%3E
Contributor

Hi Everyone,

 

I have about 100 items in my sharepoint list.I have a requirement wherein the list header and first three rows has to be freezed on scrolling down through the list.I could freeze the header row using javascript.Can someone suggest me how can I achieve the same for first three rows in list.

 

Regards

Anisha Ashokan

 

4 Replies
I've used http://spoodoo.com/products/stickyheaders-for-sharepoint/ before. I'd imagine you could modify it to do what it does and also grab the top 3 (with enough coffee) using some td:first-child & td:nth-child(n) gymnastics.

I would drop 2 list webparts on to the page, the first webpart, modify the view to show the first 3 rows.

 

The second webpart, modify the view to show the rest of the rows.

haha, well played, touche!
Thanks, I guess I'm good at avoiding writing code :) . Although.. thinking about it, not sure it addresses the initial freezing requirement. Maybe drop the 2nd webpart in a scrollable DIV on the page?