动态添加一列并隐藏第一列，如jquery滑块

Question

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!

Answer 1

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