Layout change and show/hide functionality

[milenmk]

I wasn't delighted with the default layout, so I've made some changes to make it look better.

Main changes

• The layout is now responsive. All columns fit to page width.
• Changed the background for the columns to white and the records to grey
• The status title is now inside the container
• When using enums, if colour and icon are defined they will be visible
• Script to show/hide columns

With this modification, the look is like this:

Default

With hidden columns

• When a user clicks on the icon of a hidden column, the column will reappear and the record will be removed from the hidden items list

Hope you like it.

P.S.: I have invited you as collaborator to the forked repository

[willcastillo]

Nicely done @milenmk ! hope it gets added soon!

[aeq-dev]

Any updates here 👁️

[mokhosh]

This is generally a nice idea. However, there are quite a few issues that prevent me from merging this:

1. The PR is to main branch, which means this will only be available in v3, which has no ETA as of now.
2. There are unnecessary changes to code style which makes the diff very untidy.
3. There are style issues, which can hopefully be fixed by running pint.
4. The code doesn't follow the current style of the repo. For example you're using vanilla js even though the project is using alpine.
5. There are bad decisions like putting onclick on a div.
6. The PR is from main branch. So, I can't edit your PR.

I'll be happy to merge a new PR with these issues fixed. Otherwise I will try to adopt as much as I can in v3.