Use jQuery to create resizeable visualforce pageblocktable
This is just a quickie tip. I am working on an application that has a visualforce pageblocktable that can have a ton of rows in it. It also isn’t the only thing on the page, and different users want to see different amounts of records at once. So I decided to make the whole table resizeble so the user can just pick how big they want it by clicking and dragging. jQuery of course has an awesome feature in their UI library for making a div resizeable. So I put my pageblocktable in a div and made that resizeable. Problem is the overflow wasn’t hidden so it wasn’t do me much good. So I changed the CSS to make the overflow hidden on the div, but now if the list was taller than your monitor you wouldn’t get scrollbars so you could only see the first few dozen records. The solution was to put another div inside the resizeable div, set that one’s overflow to auto in the css and make it resize as the parent one did. The final product looks like so.
You end up with a resizeable table that will have vertical only scrollbars. Of course you can expand this technique. Anything you put in the second div will be contained and get scrollsbars and resize to the height of the parent. If you want to set the width you can do that to, but most of the time it isn’t needed. Hope this helps someone.