fixed column and moveable columns

[mdixit_1401]

Hi Experts,

I have a requirement wherein a table is there with 10 columns. Now all 10 columns cannot be shown together so initially it should show first 6 columns.

And a nav kind of button is to be given in header on press of which next 4 columns should replace previous 5 columns.The first column to be fixed. I dont need any scrollbar , the button click should do the work.

I can make a table with 10 columns and give a horizontal scrollbar but that is not needed.

Is it possible with button click??

Thanks,

Mansi

[saivellanki]

Hi Mansi,

Will this help? Plunker

• There are 10 columns in table, first six columns will be displayed.
• A button placed above the table, once you click on Show, it will show last 4 columns making column 2 to 5 invisible. First column remains visible.
• After press, Button text will be changed to hide , click on that it will get reverted to initial position.

Regards,

Sai Vellanki.

[vijay_kumar49]

Use Smart Table

Please check move the columns in the table(WebSite,Checked,Images)

Move Columns Example