CODEWITHSUNDEEP
javascripttabulator
D Durham
D Durham

Reputation: 1341

How do you scroll Tabulator when editing fields with key navigation?

Using Tabulator, if the table has a horizontal scroll, how can you scroll the off screen columns into view when navigating with tab (or other) key?

The JS Fiddle here https://jsfiddle.net/gbvam5ck/3/ has columns off the screen. If you are editing Column 1, then use the tab key to start navigating across the columns, when you get the one off screen, they remain out of view even when focused. If there any way to get them to scroll into view when editing?

We tried scrollToColumn in the cellEditing callback and that will scroll, but also causes the cell to lose focus (https://jsfiddle.net/v70zu3mt/1/):

cellEditing:function(cell){
    var col = cell.getColumn();                             
    table.scrollToColumn(col);      
}

Upvotes: 0

Views: 310

Answers (1)

Adrian Klaver
Adrian Klaver

Reputation: 19724

I got it to work by doing Tab then >(right arrow).

Upvotes: -1

Related Questions