Inline - Tab Selected Columns only.

ddobbins

Hello,
I looked but did not see an example of being able to inline edit and tab to select Columns only?
is that possible or not?
thanks in advanced.
David

kthorngren

Does this example help?
https://editor.datatables.net/examples/inline-editing/tabControl

Kevin

ddobbins

Kevin,
I have looked at that but I would like to combine it with this
https://editor.datatables.net/examples/inline-editing/columns.html
is that possible?

kthorngren

The example I posted shows tabbing between selected columns. You would use the keys.columns option to select the desired columns. In the example it has columns: ':not(:first-child)', which keeps from tabbing into the first column:

        keys: {
            columns: ':not(:first-child)',
            keys: [ 9 ],
            editor: editor,
            editOnFocus: true
        },

Sounds like you probably want to use the same class for the keys.columns and the selector used here:

    $('#example').on( 'click', 'tbody td.editable', function (e) {
        editor.inline( this );
    } );

Kevin

ddobbins

BOOOM!! Kevin you nailed it!
The end result
keys: { columns: '.editable', keys: [ 9 ], editor: editor, editOnFocus: true },
thank you