VisualEditor/Design/Table editor

This is an important development and should be put high in the priority list.

Table editing is difficult to do well. We want to do well.

Design Workflow[edit | edit source]

Allow users to add a new table and start adding content as quickly as possible.
Allow users to edit the table in context, without having to go into lots of menus.

1. Selecting table from toolbar
2. User is given a 4x4 table with top row as header by default, and cursor in the 1st cell. Control in top left will allow a user to drag the table, or set table-level options
3. Hovering or clicking in a cell reveals controls for that row and column
4. When a user clicks one of those controls, more controls are revealed. They can add a row above or below, delete the row, or click the cog icon for more options
5. Hovering over a add row icon shows a darker blue line indication where the row will be
6. A user has added a new row
7. A user is editing a column and has clicked on the cog icon to see more options. The user can make it a header or make it sortable
8. A variation of column/row controls, in which all actions are in one dropdown menu