public class StatefulTableColumnModel extends DefaultTableColumnModel {
 
    public enum Mode {
        STANDARD, USERDEFINED;
    }
 
    private int columnMap[];
    private Mode mode = Mode.STANDARD; 
 
    public StatefulTableColumnModel(Mode mode, int[] columnMap) {
        this.columnMap = columnMap;
        if(mode!=null) 
            setMode(mode);
        else
            setMode(Mode.STANDARD);
    }
 
    public void setMode(Mode mode) {
        this.mode = mode;
        refresh();
    }
 
    public Mode getMode() {
        return this.mode;
    }
 
    public int[] getColumnMap() {
        return columnMap;
    }
 
    /* (non-Javadoc)
     * @see javax.swing.table.DefaultTableColumnModel#fireColumnMoved(javax.swing.event.TableColumnModelEvent)
     */
    @Override
    protected void fireColumnMoved(TableColumnModelEvent e) {
        switch(mode) {
        case USERDEFINED:
            // if columns have been moved there might have been Drag'n'Drop operations,
            // so update the state 
            columnMap = getColumnPositions();
            break;
        case STANDARD:
            // in standard mode drag'n'drop operations are not permitted, so reset the order
            resetColumnPositions();
            break;
        }
        super.fireColumnMoved(e);
    }
 
    /**
     * re-order table columns depending on their model index (this resets the original order), don't update view
     */
    private void resetColumnPositions() {
        Collections.sort(tableColumns, new Comparator<TableColumn>() {
            public int compare(TableColumn o1, TableColumn o2) {
                return new Integer(o1.getModelIndex()).compareTo(o2.getModelIndex());
            }
        });
    }
 
    /**
     * set the visible column positions (independent of state), don't update view
     */
    private void setColumnPositions(final int columnMap[]) {
        resetColumnPositions();
        if(columnMap!=null) {
            Vector<TableColumn> newOrder = new Vector<TableColumn>(tableColumns.capacity());
            newOrder.setSize(tableColumns.size());
            int i=0;
            for(TableColumn column: tableColumns) {
                // lookup new position in newOrder
                int newPos = columnMap[i++];
                newOrder.set(newPos, column);
            }
            tableColumns = newOrder;
        }
    }
 
    /**
     * @return the visible column positions (independent of state)
     */
    private int[] getColumnPositions() {
        int result[] = new int[tableColumns.size()];
        int i=0;
        for(TableColumn column: tableColumns) {
            int modelIndex = column.getModelIndex();
            result[modelIndex] = i++;
        }
        return result;
    }
 
    /**
     * 
     */
    public void refresh() {
        switch(mode) {
        case STANDARD:
            // reset position
            resetColumnPositions();
            break;
        case USERDEFINED:
            setColumnPositions(columnMap);
            break;
        }        
        // inform view that column order has changed (seems to be sufficient to just tell 0 has moved to 1)
        super.fireColumnMoved(new TableColumnModelEvent(this, 0, 1));        
    }
 
}

function isInView(node){
            var offsetParent = node.offsetParent;
            var top = offsetParent.scrollTop;
            var height = offsetParent.offsetHeight;
            var y = node.offsetTop;
            return y >= top && y <= (top + height);
}

if(!isInView(element)) {
            element.scrollIntoView();
}

ms.ItemSelector.selectItem(['Bart', 'Lisa', 'Homer', 'Marge', 'Maggie', 'Ned', 'Barney', 'Bob'], function(item){
  alert(item + ' is your favorite character.');
});