2 added 812 characters in body
source | link

How did you handle the title row? Is it duplicated for the add row and the grid itself (i.e. two title rows?) or is it just above the add row, so there's a large break between the title+add rows and the grid itself?

And how does the "add" button fit in? Is it to the right of the entire grid, or below the add row and within the rectangle described by the top rows and the grid?

In any case, it seems to me that it would benefit from a darker background than the colors used in the table.

EDIT

Well, since it's a desktop app (apparently), things are a bit different. Does the user just fill in the first column and hit Enter without filling the others? Or are they supposed to fill in the first column, and then navigate through the grid using arrows/tab, and hit Enter only when they're done editing everything?

In case of the first, I would just make it look like an editable text field - white, indented, with a clear border. The hint can go inside.

In case it's the second model, I think you'll find that many users press Enter just to finish editing the first field, and they don't expect it to be added to the grid immediately, before they've had the chance to fill in the other fields. But in this case too, I'd use a stronger contrast in this row - maybe white with stronger borders.

How did you handle the title row? Is it duplicated for the add row and the grid itself (i.e. two title rows?) or is it just above the add row, so there's a large break between the title+add rows and the grid itself?

And how does the "add" button fit in? Is it to the right of the entire grid, or below the add row and within the rectangle described by the top rows and the grid?

In any case, it seems to me that it would benefit from a darker background than the colors used in the table.

How did you handle the title row? Is it duplicated for the add row and the grid itself (i.e. two title rows?) or is it just above the add row, so there's a large break between the title+add rows and the grid itself?

And how does the "add" button fit in? Is it to the right of the entire grid, or below the add row and within the rectangle described by the top rows and the grid?

In any case, it seems to me that it would benefit from a darker background than the colors used in the table.

EDIT

Well, since it's a desktop app (apparently), things are a bit different. Does the user just fill in the first column and hit Enter without filling the others? Or are they supposed to fill in the first column, and then navigate through the grid using arrows/tab, and hit Enter only when they're done editing everything?

In case of the first, I would just make it look like an editable text field - white, indented, with a clear border. The hint can go inside.

In case it's the second model, I think you'll find that many users press Enter just to finish editing the first field, and they don't expect it to be added to the grid immediately, before they've had the chance to fill in the other fields. But in this case too, I'd use a stronger contrast in this row - maybe white with stronger borders.

1
source | link

How did you handle the title row? Is it duplicated for the add row and the grid itself (i.e. two title rows?) or is it just above the add row, so there's a large break between the title+add rows and the grid itself?

And how does the "add" button fit in? Is it to the right of the entire grid, or below the add row and within the rectangle described by the top rows and the grid?

In any case, it seems to me that it would benefit from a darker background than the colors used in the table.