When users are allowed to add columns to a table in a web app, where's a good place to put the edit box where the user can type in the new column header name and/or choose from an auto-complete list of 100's existing options?
Choices I've tried so far include:
- In response to the user clicking "add column", append a new column and put the edit box inside the column header itself, with a "save" button to commit the changes.
- Have a small "add a column" form above or below the table with an edit box for the column name and an "add" button that will append the new column to the end of the table.
What are pros and cons of either approach, and are there other approaches that may work better than either of these?
Obviously user testing will also help me gather this info, but tabular data is a very well-trodden path in usability research so I'm hoping to gain insights from the wisdom of others before wasting time on options that are known to have problems.
Users are non-technical business users. This is a B2B web app.