[Feature]: Table / Tabs widget property pane; List of columns - UX improvement

[somangshu]

Is there an existing issue for this?

• [X] I have searched the existing issues

Summary

We noticed that the change we made for in #10046 to fix the long property pane filled with columns issues. Here the user was unable to drag the column tile outside the viewport to change the order. To fix this we introduced a scroll on the columns and limited it with a max-height. This solved majorly 2 things for us

• Reducing the length of the property pane in case of large objects
• Allow users to drag the column to re-order easily.

After releasing we found some critical feedback where user / dev thought that the column in not present any more and felt this was a bug until they notice that the container is scrollable. This shows clearly that the user does not know that this change exist. After an internal discussion we arrived at the following solution

• [x] #11834
• [ ] On hiding a column it doesn't move immediately but on coming back to the property pane, all hidden columns are sent to the bottom in the order in which they appear in the widget
• [ ] When there are so many columns users face difficulty in finding the column they are looking for.

Why should this be worked on?

(same as aforementioned reason) After releasing we found some critical feedback where user / dev thought that the column in not present any more and felt this was a bug until they notice that the container is scrollable

[momcilo-appsmith]

@somangshu I am adding this as a low priority for this week.

[somangshu]

@dilippitchika mentioned that point 1 is important

cc @momcilo-appsmith

[dilippitchika]

Suggestion : Show number of items in brackets

[dilippitchika]

@somangshu item 1, Balaji is implementing in the table widget only for now for a different reason. I am parking this issue for now.

[dilippitchika]

Fixing it for tabs in https://github.com/appsmithorg/appsmith/issues/16937

[geekyme-fsmk]

For me, a table could potentially have > 50 columns like this.

It is thus very difficult to scroll and navigate to the column I want. I would prefer to have a "search for column" feature and also a select all feature.

[somangshu]

Thanks for the suggestion @geekyme-fsmk 🙏 We will discuss this internally and try re-prioritizing.

cc @dilippitchika @momcilo-appsmith

[dilippitchika]

@geekyme-fsmk what is the select all feature supposed to do?

[geekyme-fsmk]

So basically if I have a table widget with 69 columns, I don't want all of them to be visible on the screen. I only want to quickly search for the column I need, rename them, and mark them as visible. The rest of the columns I want to 'select all' and make them invisible.

[dilippitchika]

@geekyme-fsmk are you using apis to fetch the data or is it some direct connection to a datasource?

[geekyme-fsmk]

I use apis to fetch the data.