Tab between columns not working

Good afternoon

I've set up an editable table with the options from this example: https://editor.datatables.net/examples/inline-editing/tabControl.html

When I click in a cell and then press the tab key the cell is still selected but the focus is then on the "back" button at the table bottom.

What I don't see in the example is following snippet to activate inline editing:

// Activate an inline edit on click of a table cell
$('#example').on( 'click', 'tbody td:not(:first-child)', function (e) {
    editor.inline( this, {
            submit: 'allIfChanged',
            onBlur: 'submit'
            } );
} );

Without it as in the example, I can't activate inline editing at all...