Skip to Content
avatar image
Former Member

fixed column and moveable columns

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

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Oct 26, 2015 at 12:26 PM

    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.

    Add comment
    10|10000 characters needed characters exceeded

  • Oct 26, 2015 at 10:54 AM

    Use Smart Table

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

    Move Columns Example

    Add comment
    10|10000 characters needed characters exceeded