tab navigation and scroll

Question

I have table which has many column, so there is a horizontal scroll bar.

let's say I have 10 column, 7 are visible, 3 are not. the problem I have now is:

if the cell is invisible and it has value, when I use tab navigate to that cell and set focus to that input, the horizontal scrollbar didn't scroll to the column. if that cell is empty, it will scroll and make that column visible.
the cell which has value, it will select all the value(highlighted) when get focused, is there a way to manipulate the behavior?

It's hard to visualize what you're describing. Can you create a [mcve] for us? — Blazemonger, Apr 12 '16 at 20:08
forget to mention, I don't have the scroll problem in IE. it didn't scroll in chrome. — Jun Wu, Apr 12 '16 at 20:12

score 0 · Answer 1 · answered Apr 28 '16 at 07:06

Regarding your question 2:

For each template of oTable2 you can attach a jQuery event handler and do whatever you want inside:

oTemplate.addEventDelegate({
    onAfterRendering: function (oEvent) {
        var oClonedTextField = oEvent.srcControl;
        oClonedTextField.$().find("input").focus(function () {
            this.setSelectionRange(0, 0);
        });
    }
});

tab navigation and scroll

1 Answers1