Table with fixed header and column +expandable rows

Site URL: https://www.oryxdentalsoftware.com/tablecomparison-edit

Hello,

I did a table using htm css an js. The rows in light blue are expandable. 

When the page first loads it's showing these sections expanded instead of collapsed. How I can make them collapsed when I first visit the page?

Also I would like to add an arrow (up/down) for collapse/expand next to the title.

Can I make the first 2 columns, the header and the footer fixed (shown in attachment) and make the remaining body part scrollable horizontally? It would be good especially for mobile.

Thank you 

Quote

When the page first loads it's showing these sections expanded instead of collapsed. How I can make them collapsed when I first visit the page?

In your code block for the table change the following lines from...

<tbody class="hide">

...to...

<tbody class="hide" style="display : none;">

I don't have answers for your other questions at this time.

Let us know it goes.

This worked thank you!