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
edited Jan 15, 2021 5:52AM in Visual Builder 3 comments


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.



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 test='[[$current.mode=="navigation"]]'>
  <oj-bind-text value="[[$current.data]]"></oj-bind-text>

Howdy, Stranger!

Log In

To view full details, sign in.


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