adding a column dynamically and hiding the first column like jquery slider

I have a html page with 10 columns but I don't have show all in same page instead I have to show only 4 column moreover I have to render those column on a button click call add column. What is the best approach to render 1-4 column first ? Fist column render first and on clicking button say add will render 2nd column , than 3rd and fourth. Now when i will load 5th column ...I will have to hide 1st column 开发者_开发问答so that i will accommodate 4 columns but data inside that column will stay ....my limit is to show 4 column at a time and hiding leftmost ....

any helpful javascript or jquery advice will be appreciated ..thanks!

---

yes i think this plug-in can solve your problem....through it you can show and hide your column on click of button...just have a look on it...even i have done the same thing on my page...Data Table

And here is your Working example....Show and hide Column Dynamically