2

What is the best practice to place customize columns button for the Data table. Please suggest if am right with the images added.enter image description here

  • What property of the columns should be customized in this way? – Lex Nov 26 '15 at 9:25
  • @Lex only the column headers..adding new or removing exist by simple checkbox selection – Sunil kv Nov 26 '15 at 9:26
2

This responsive tables solution is very similar to the implementation you're considering and it works fairly well:

Responsive table

Choosing which columns you should show by default and which are safe to “hide” is the biggest consideration. There's a danger when using this kind of pattern that you end up over complicating the interface due to too many options.

| improve this answer | |
  • a slightly better alternative to this table is to have a simple dropdown at the top which has 2 buttons inside in the first row each taking 50% width, a search bar just below or above it where you can type column names followed by each column name with a checkbox in front of it – PirateApp Jul 13 '18 at 7:52
1

There's no "right" in design.

To propose a good solution:

  • Make sure you comply to 10 usability heuristics by Nielsen.
  • Make sure technical limitations won't change the final UI dramatically.
  • Test the design with users. Let them complete a real task and see whether they can easily finish it.
| improve this answer | |
1

Consider the options:
enter image description here It depends on design goals, but customizing the headers looks like secondary action for advanced users. Then you need no to make the control too prominent.

And follow @digsrafik's recommendations, these are general, but you didn't specify the goals and context in your question.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.