Learn about Redwood and be one of the first to join the conversation

Visit Redwood Community
Auto scroll bar in oj-table — Cloud Customer Connect
You're almost there! Please answer a few more questions for access to the Applications content. Complete registration
Interested in joining? Complete your registration by providing Areas of Interest here. Register

Auto scroll bar in oj-table

Received Response
14
Views
3
Comments
edited Jan 15, 2021 5:52AM in Visual Builder 3 comments

Summary

In oj-table when user clicks on enter the cursor pointer is moving to the next line but the scroll bar is not automatically moving to show us cursor.

Version

20.10.2

Code Snippet

<!--
 Copyright (c) 2014, 2020, Oracle and/or its affiliates.
 The Universal Permissive License (UPL), Version 1.0
 --><div class="oj-flex">
  <oj-table  class="oj-flex-item oj-sm-12 oj-md-12" data="[[ $variables.getCustDetailsADP ]]" columns='[  {    "headerText": "Customer Name",    "field": "CustomerName","template":"cust" },{    "headerText": "Cust Acct Site Id",    "field": "CustAcctSiteId" ,"template":"priority" }]'
  selection-mode.row="single" edit-row="{{ $variables.rowtoEdit }}"  display="grid" style="max-height : 300px;" edit-mode="rowEdit" scroll-policy-options.fetch-size="1" scroll-policy-options.max-count="1" scroll-position.x="0" scroll-policy="loadAll" scroll-position.y="1" scroll-position.offset-x="0" scroll-position.offset-y="0" scroll-position.row-index="0">
  <template slot="priority"> 
  <oj-bind-if test='[[$current.mode=="edit"]]'>1
  <oj-input-number value="[[$current.data]]" style="text-align: right;" ></oj-input-number>
  </oj-bind-if>  
   <oj-bind-if test='[[$current.mode=="navigation"]]'>
  <oj-bind-text value="[[$current.data]]"></oj-bind-text>

Howdy, Stranger!

Log In

To view full details, sign in.

Register

Don't have an account? Click here to get started!