Code for css table design with scrolling and minimize option

Actually i am looking for html table having scrolling option and also options for m开发者_JAVA百科inimizing and maximizing the table(and better table design). I have spend hours trying to play around with this but have got nowhere.can u forward me ready code on net which can solve the problem? I shall be much oblized to u?

jsfiddle: http://jsfiddle.net/LkCaq/1/

Are you looking for something like this?

Scrolling tables:

http://www.imaputz.com/cssStuff/bigFourVersion.html

Collapsible tables:

http://www.netmagazine.com/tutorials/how-create-collapsible-css-tables

I would recommend that you put your table inside a div.

Try this & let me know...

<span onlcick="ShowHide('tblContainer')">Show/Hide</span>
<div id="tblContainer" style="clear:both;max-height:300px;overflow-y:scroll;">
  <table....>
      <define your rows and columns...>
  </table>
</div>

Put this jquery function on the page: ( assuming you are using jquery)

function ShowHide(id) { $("#" + id).toggle(); }