Add ability to select which columns to display

[dinmukhamedm]

We need to allow users to selectively show/hide columns in the pages with tables. The minimal requirement is for traces/spans/sessions tables.

One UX we could create is a dialog with a checklist of enabled columns, somewhat similar to what you can find in many AWS interfaces.

(We won't need search though, we don't have that many columns).

Requirements and pointers:

• The preference must be stored in localStorage.
• The component must be in components/ui
  • Similar components are DatatableFilter and TextSearchFilter. The difference is that their source of truth is URL search params, whereas here we look for local storage.
• Quite obviously, the component must be reusable, i.e. no reliance on hard-coded column names and/or definitions

[shravya-chepa]

Hello, can I work on this?

[skull8888888]

@shravya-chepa absolutely, go for it!

[dinmukhamedm]

@shravya-chepa just letting you know, we've updated the contributing guidelines with a new docker compose setup for people who only change frontend code. This should make the experience vastly easier. Refer to CONTRIBUTING.

[shravya-chepa]

Got it, thank you!

[sarthakvijayvargiya]

Hey @shravya-chepa Are you working on this?

[shravya-chepa]

Hey, yes

[skull8888888]

@shravya-chepa that great, do you have a draft pr by any chance? Mb you can work together on it if you are busy?

[shravya-chepa]

I wasn't able to recreate a trace from a sample web application and got stuck. On second thought, I think @sarthakvijayvargiya should work on this. I might not be able to continue working on this because of my other engagements. Sorry.