I have created a webpage using a template I purchased from [login to view URL]
The template has a datatable that uses the open source software from [login to view URL]
In my table, there are about 45 columns I have to display, however due to their width’s, only about 10-11 columns will neatly fit onto the screen at any time without needing to scroll.
I also have a drop down menu with the options of the various categories of columns to display together. When a category is selected from the menu, I would like the columns that are members of that category to be made visible in the table and the columns that are not members of that category to become hidden.
You can see the example of this visibility feature on the “Display” link on the right side of this page : [login to view URL]
Eg. Option A would make columns 1,2,3,4,5,6,7,8,9,10 visible and columns 11-45 hidden
Option B would make columns 1,2,3,4,5,11,12,13,14,15,16 visible and all other columns hidden
Option C would make columns 1,2,3,4,5,17,18,19,20,21 visible and all other columns hidden
Option D would make columns 1,2,3,4,5,22,23,24,25,26 visible, and all other columns hidden
Nb. Columns 1,2,3,4,5 are members of all categories
My website page to be edited is located here : [login to view URL]
When you apply for this project please type the word HODLBAGS as the first line of your proposal, so that I can see that you aren't a bot, and you have read the full project description. thank you