Unselecting a row.

bgiles

With inline editing turned on if you select a cell the input for the cell opens and everything is great.
I have two columns that are not editable.

If you click on a non-editable cell the input on the editable cell you were just in goes away.

So far so good, but if you then press shift it re-focuses on the input that you just left.

That is not in it's self such a big problem, except I also have multi-select edit turned on.

So if you click on a cell the input opens but if you then select multiple rows and click edit, if you press shift to input a capital letter in the first input of the pop up edit it re-focus on the input in the table and fields in the popup edit box all disappear.

I have made the columns in the table inline editable by adding a css class 'editable' to the columns I want to be able to edit and use the following.

$('#svcDetails').on('click', 'td.editable', function (e) {
                svcDetailsEditor.inline(this, {
                    onBlur: 'submit'
                });

            });